[thelist] Site check and IE6/Firefox CSS strangeness...
Sarah Sweeney
mr.sanders at designshift.com
Mon Apr 26 11:17:33 CDT 2004
> I've be grateful if anyone can explain why IE6 and Firefox render this page
> quite so differently ;-)
> http://exim.dyndns.org/ie6.png
> http://exim.dyndns.org/firefox.png
>
> The mouseover highlight on the nav bar doesn't work in IE6, it's fine in
> Firefox. The menu item spacing appears broken in IE6, but is fine in
> Firefox. "What's going on??"
James,
When I've had problems with navigation similar to yours (list items
containing links), I've usually had to set a line-height on the <a> tag,
like this:
li a {
background-color: #990033;
border: 1px solid #990033;
color: #FFFFFF;
display: block;
list-style-type: none;
margin: 0;
padding: 2px;
text-decoration: none;
vertical-align: middle;
line-height: 20px;
}
Sarah
More information about the thelist
mailing list