Microsoft KB Archive/260991

= BUG: LI Moves Left When Nested List Has Images but No Text =

Article ID: 260991

Article Last Modified on 5/10/2003

-

APPLIES TO


 * Microsoft Internet Explorer 5.0
 * Microsoft Internet Explorer 5.01
 * Microsoft Internet Explorer 5.5

-



This article was previously published under Q260991



SYMPTOMS
When you use HTML  elements with images and no text, problems can occur with the alignment of the  elements. The problems occur when:
 *  or list ( or ) elements include images but no text. -and-


 * Additional lists are nested that do not use images.

In this situation, when you show the nested lists, the image moves to the left. Larger images move farther.



RESOLUTION
To work around this problem, add text to the . If there is no applicable text, use &quot; &quot; instead of text.



STATUS
Microsoft has confirmed that this is a bug in the Microsoft products that are listed at the beginning of this article.



Steps to Reproduce the Behavior
The following code demonstrate this behavior. Replace &quot;bestwith.gif&quot; with any image that you would like to test with.    function showItem(subItem) { if (document.all[subItem].style.display == &quot;none&quot;) {           document.all[subItem].style.display = &quot;block&quot;; }       else {           document.all[subItem].style.display = &quot;none&quot;; }   }   <BODY> <UL id=&quot;LISTheader&quot; style=&quot;list-style-image: url(bestwith.gif);&quot;> <LI onclick=showItem(&quot;sublist1&quot;)> <UL id=sublist1 style=&quot;display: none; list-style-image: none;&quot;> <LI>Item A</LI> <LI>Item B</LI> </UL> </LI> </UL> </BODY> </HTML>

Additional query words: Ordered Unordered

Keywords: kbbug kbnofix kbdhtml KB260991

-

[mailto:TECHNET@MICROSOFT.COM Send feedback to Microsoft]

© Microsoft Corporation. All rights reserved.