Sent by Adam Kuehn on 26 November 2003 21:09
Phil Clandillon wrote:
>Looking at this list in Firebird / Mozilla / IE5 Mac - the items
>'Tours' and 'Current' have a line-through. The item 'Previous' does
>not as it is styled with a different class.
>
>Look at it in IE6 PC however and the item 'Previous' also has the
>line-through despite being styled with text-decoration: none.
>
>Here's a link to the page - the CSS is in the top of the document.
><http://www.clandillon.com/stuff/list.html>
Your problem likely has to do with the invalid markup you are using.
A <ul> is allowed inside another <ul>, but only within one of the
<li>s. So while you have this:
<ul>
<li class="menuchosen">Tours</li>
<ul id="subnavlist">
<li class="submenuchosen">Current</li>
<li>Previous</li>
</ul>
<li></li>
</ul>
Correct markup would be:
<ul>
<li class="menuchosen"> Tours
<ul id="subnavlist">
<li class="submenuchosen">Current</li>
<li>Previous</li>
</ul>
</li>
<li></li>
</ul>
It seems likely that IE6 is treating the entire improperly nested
list as a member of the previous list item, which would cause it to
apply the .menuchosen class and its associated line-through to the
entire subordinate <ul>. I can't tell for sure, of course, but
that's what the results you report suggest. Netscape's DOM
inspector, however, confirms that it is simply allowing the improper
nesting, and blissfully ignoring ignoring the HTML requirements.
In any case, if you fix the markup, you can probably get the browsers to agree.
HTH,
--
-Adam Kuehn
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
