У меня есть упорядоченный список, в котором я хочу поставить рамку слева.
<ol class="steps">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<ol>
.steps {border-left: 5px double #7ab800;}
В Firefox и Safari граница отображается за пределами чисел для <ol>. Тем не менее, IE8 отображает границу внутри чисел, рядом с текстом для каждого <li>.
Я попытался изменить <display> на inline-block, но это убирает нумерацию. Я попытался изменить list-style-position на inside, но это меняет отступ списка, не перемещая положение границы. Там нет поплавков. Существует <div>, обертывающий <ol>, но он никак не стилизован.
Я в тупике. Как я могу заставить IE8 отображать границу так же, как Firefox и Safari?