By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
464,621 Members | 1,166 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 464,621 IT Pros & Developers. It's quick & easy.

CSS list menu not compatible in Safari

P: n/a
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
Share this Question
Share on Google+
1 Reply

P: n/a
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.