469,588 Members | 2,875 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,588 developers. It's quick & easy.

CSS list menu not compatible in Safari

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;

Jul 5 '06 #1
1 2047
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
Jul 5 '06 #2

This discussion thread is closed

Replies have been disabled for this discussion.

By using this site, you agree to our Privacy Policy and Terms of Use.