Regarding problems with IE's display of lists, described in the posting "list background image bug, and gaps, in IE 6/7" of Sept. 4.
Here's the summary of the problem, with a link to the fix and brief discussion: http://www.sparklejet.com/css-html/list-gap/bug/index.html ---------------- Date: Thu, 4 Sep 2008 00:58:23 -0700 (PDT) Subject: [css-d] list background image bug, and gaps, in IE 6/7 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? ______________________________________________________________________ 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/
