OL, styler nos petits numéros

Bonsoir à tous.

Je travaille actuellement sur des textes de lois (une convention collective de travail). Et je cherchais un moyen de styler différemment une puce pour mes petits alinéas.

Connaissez-vous des moyens plus souple/propre/solide que le bricolage suivant:

<article>
  <h1>truc machin bidule</h1>
  <p>bla bla juridique:</p>
  <ol>
    <li><div class="useless-div">blasadasd bla</div></li>
    <li><div class="useless-div">bla blaasdasd</div></li>
    <li><div class="useless-div">bla blasadas d</div></li>
  </ol>
</article>

article {
  font-size: 1.2em;
  color: black;
}
article ol li {
  font-size: 0.7em;
  color: #666;
}
article ol li .useless-div {
  font-size: 1.42857em /* 1/0.7 ^^ */
  color: black;
}

J'ai trouvé une autre technique:

Display: block sur les li, et puis content: counter sur les li:before.
ça fonctionne nickel on peut facilement styler la puce mais c'est pas très compatible ie7, avec lequel je dois être compatible, sans dégradation dans ce cas...

Arg, je suis trop bête, il me suffit de réactiver le fonctionnement standard des ol/li pour ie<=7 et j'aurai ma dégradation parfaite. J'ai donc ma solution. Mais si qqun a une variante à proposer, je suis toujours preneur.

N'oublie pas de marquer le topic comme résolu et de dire merci a celui qui t"a donné la réponse XD

Nouveau concept, le One Man Topic.