IE7-/Win: hasLayout and disappearing list markers

1) a plain <ol> (all default properties, except background and borders)

  1. one
  2. two two two two two two two two
  3. three

2) with hasLayout on the <ol>, the list markers disappear in IE6-7. In IE5.5- the list looks like it had list-style-type:inside, moreover in IE5.01 it becomes an unordered one (markers are discs instead of decimal numbers.)

  1. one
  2. two two two two two two two two
  3. three

3) with hasLayout on the <ol> and margin-left:40px on the <li>s, the markers are visible again in IE6-7

  1. one
  2. two two two two two two two two
  3. three

4) with a box wrapping the <ol>, hasLayout applied to that wrapper: the problem does not occur

  1. one
  2. two two two two two two two two
  3. three

5) case 1 shows that the list is obtained with a 40px left margin on the <ol> and the markers are outside of it. The problem in IE6-7 looks like a case of crop of content protruding out of a hasLayout container. In the following case the left margin on <ol> is zeroed and a 40px margin is put on the <li>s

  1. one
  2. two two two two two two two two
  3. three

6) like the previous with hasLayout on the <ol>: the markers are no more outside the <ol> and the problem in IE6-7 does not occur

  1. one
  2. two two two two two two two two
  3. three

CSS tests home