Ordered List Bug IE 6

Ordered list will not Display correctly in IE

[bluesquirel]

CSS

ol#tops
{
margin-left:10px;
padding-left:0;
}

ol#tops li {
margin-left:10px;
padding-left:0;
text-align:left;
font-size:14px;
line-height:1.5;
padding:2px 15px 5px;
list-style:upper-roman;
width:100px;
}

HTML

<ol id="Tops">
<li><a href="http://www.microsoft.com" target="_blank">Microsoft</a></li>
<li><a href="http://www.downloads.com" target="_blank">Downloads.com</a></li>
<li><a href="test1.asp">Google.co.uk</a></li>
<li><a href="test1.asp">Symantec.co.uk</a></li>
<li><a href="test1.asp">Adaware</a></li>
</ol>

The Results in

Firefox - Perfect a you would expect

1. Microsoft
2. Downloads.com
3. Google.co.uk
4. Symantec.co.uk
5. Adaware

IE

Microsoft
Downloads.com
Google.co.uk
Symantec.co.uk
Adaware

Shows the . but no numbers

and to make things even more strange add

width:150px; within ol#tops li selector

IE then displays as

1. Microsoft
1. Downloads.com
1. Google.co.uk
1. Symantec.co.uk
1. Adaware

Please can someone point me in the direction of a work around for this issue as it is really starting to bug me.

Regards

[rich_b]

Firstly, in IE6.0 (no doctype, so quirks mode) it did display the number I & dot for me. Changing the width from 100px to 150px made no difference.

Then I took out the width:100px; line from ol#tops li and it displayed the roman numerals I-V so that's the problem line but I don't know why. Do you need to specify the width or can you work around it?