On this page
http://sparklejet.com/listbug/services/
in the left-side navigation, Safari/Firefox renders correctly while IE 6/7 is
buggy.
There are 2 problems: big vertical gaps between the list items in IE, and the
bg image appearing in the nested list submenu links.
My nav menu is structured as an unordered list. The bg image sprite for the
top-level navigation list is called in "#nav ul li a". The sub-menu (in plain
text beneath "Services") is a nested UL, so I have background:none on "#nav ul
ul li a"
However, in Internet Explorer, the "Services" image sprite is rendered as the
background on each of the 4 linked list items below "Services" in the menu (the
nested UL). The BG image should not be showing on the sub-menu items. The last
sub-menu list item is unlinked and is not affected by the bug.
Why does IE ignore my background:none? How can I get IE to not display the bg
image (a.k.a. how can I make IE render properly as seen in Safari/Firefox) on
the links? And how can I close the gaps between the main list items in IE?
Thanks for any help!
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
