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/
