Msg#: 3221424 posted 10:36 pm on Jan 16, 2007 (gmt 0)
It's because you have your #nav li displaying (by default) as list-item, and #nav li a set (by author) as block. This creates an extra line below the anchor in IE 6, it's a bug :)
It's most easily fixed by just setting
#nav li to display inline, but it means your background property probably won't work all that well, since the li would then take up one line, and if you needed it positioned farther down vertically, it can't.
I believe either SuzyUK or Robin_reala had another fix for this, not involving changing the display type - but I'm sorry, for the life of me I can't remember what that was :)
Umm... try either
height: 1px for IE 6 only (use conditional commented stylesheets) or maybe setting line-height to the exact height of the block-level anchor inside it :)
Msg#: 3221424 posted 11:33 pm on Jan 16, 2007 (gmt 0)
Thanks for the input, glad to learn about yet another bug in IE6 :-) However I seem to have fixed it another way...
I've given the "#nav li a" a set width in pixels, taken out the 40px padding on the sides and put it on the "#nav li". The space between the list items has gone, only this way the nav-bullet.gif background isn't part of the clickable link anymore, but I can live with that!