Orderder List + IE 7

HTML & CSS
1

When I view the following code in Chrome/Firefox it shows up as intended but in IE 7 the 4th item shows up as 4.c and not 3.c like the other browsers, how can I make it work?

This is what I’m looking for:

1.a
2.b
Text
3.c
ect…


ol { margin: 0; padding: 0; list-style-position:inside;}
li { margin: 10px 0 10px 18px; }
h3 { display: inline; }
li.h3 { list-style-type: none; display:block; padding: 10px 0; }



<ol>
  <li>a</li>
  <li>b</li>
  <li class="h3"><h3>text</h3></li>
  <li>c</li>
  <li>d</li>
  <li>e</li>
  <li>f</li>
  <li>d</li>
</ol>
2

that isn’t too good of practice to use a heading in the middle of a list. Why not break the list in three elements? list,text,list. It shows up as the fourth because it is the fourth. Add value=“3” to force it.

3

anyone? :frowning: