A leader in communications, government affairs, and politics.

Fixed: List bug in IE 6 and 7

Fixed. See the buggy version.

The background image bug was fixed by making the #nav ID more specific, by preceeding #nav rules with #TOC.

Bad code:

#nav ul ul
#nav ul ul li
#nav ul ul li a
#nav ul ul li a:hover

Good code:

#TOC #nav ul ul
#TOC #nav ul ul li
#TOC #nav ul ul li a
#TOC #nav ul ul li a:hover

The vertical gap was fixed with this new rule, making the list element display inline.

#nav ul li {
display: inline;
}

Thanks to CSS Discuss, Bruno Fassino’s IE7-/Win - Extra vertical space in Lists and HasLayout.

Send comments to me at

4 September 2008