显示全部的有序列表 <li> 在资源管理器7中为1

Question

I've been alerted to a strange problem in IE7 that I can't locate a solution for. I have a standard ordered list formatted properly, with all opening and closing tags intact.

<ol>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>Item 4</li>
</ol>

All browsers display the list properly except Explorer 7 which renders the list as below:

1. Item 1
1. Item 2
1. Item 3
1. Item 4

Has anyone experienced this issue before? Here's a link to the list. Thanks for any suggestions.

Answer 1

I had the same issue before. The following fixed my issue.

ol li {
  margin-left: 2em;
  display: list-item;
  list-style: inside decimal-leading-zero;
}

Answer 2

http://thedesignspace.net/MT2archives/000687.html

This happens when a width is added to the "LI" tags in an ordered list. Internet Explorer 7 will not increment the numbers.

Answer 3

I tried this in IE7, and it displays as it should.

Try to validate the page to see if there are any errors elsewhere in the code.

Edit:

I managed to see the problem in IE 9 in IE 7 mode, and playing around with the styles I found this:

Remove the zoom: 1; style from the #content LI rule in universal.css , and the numbering returns to normal.