CSS list menu not compatible in Safari

[krystian.kochanski]

I have created the CSS based navigation using lists, I followed all the
conventions like to reset all the padding and margins first etc.
The menu looks great in PC Internet Explorer, looks the same in
Firefox, but different in Safari. The difference is in vertical spacing
among the links, it looks like the Safari render my lists differently,
WHY???

here is the URL
http://utopiasolutions.birkey.com/case_study.aspx

CSS styles below:

#header {
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
color:#0099cc;

}

#header em {
color:#003366;
font-style:normal;
font-weight:normal;

}

#header ul{
margin: 7px 0 0 0;
padding:0;
list-style-type: none;

}

#header li {
margin: 0;
padding:3px 0;

}

#header a {
color:#999;
text-decoration:none;

}

#header a:hover{
color:#0099cc;

[David Dorward]

kr****************@gmail.com wrote:

here is the URL
http://utopiasolutions.birkey.com/case_study.aspx

http://validator.w3.org/check?verbos...ase_study.aspx

You have machine detectable syntax errors in your markup, I'd worry about
those before doing any thinking about browsers not rendering a page as I
expect. (Then check the CSS with the CSS validator).
--
David Dorward <http://blog.dorward.me.uk/ <http://dorward.me.uk/>
Home is where the ~/.bashrc is