Patrick, I created a test page at http://www.jimdavis.org/test/listtest.html using your css and my html for the nested lists.
According to Eric's book, "Cascading Style Sheets 2.0" display: none "The element will generate no boxes at all and thus will neither be displayed nor impact the layout of the document. Any descendant elements will also be prevented from appearing, regardless of the value of display for those elements." So if my understanding of this definition of display: none is correct then when ul li ul is set to display: none then it will not be displayed, nor will any descendants of ul li ul be displayed. It would appear that IE 6 is getting it right and FF is displaying the nested lists incorrectly. (GASP!!). What say the experts on the list? Jim On Dec 18, 2007 12:37 PM, Patrick Boutin <[EMAIL PROTECTED]> wrote: > I am able to display this correctly in Firefox but IE6 and IE7 won't > display the top:property correctly. > > I have 3 nested unordered lists. > 1st one display inline > 2nd one display block > 3rd one display inline > > 2nd and 3rd lists only display when container list is hovered and the 2nd > list has a background image display. > > the li of the 1st list have a position: relative > the 2nd ul has a position: absolute; left: 11px; top: 10px; > > the top: 10px is perfect in Firefox but for me to get the same > positioning, I need to change that to 30px.....which makes the list be too > low on Firefox. > > How can I fix this? (this is the actual code) with the actual section I > mentioned above underlined. > Everything else seems to display correctly. > > ______________________________________________________________________ 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/
