[css] display:inline-block; sur tous les navigateurs

Voici un hack qui permet à la propriété CSS inline-block d'être compatible avec la plupart des navigateurs actuellement en circulation. Cette propriété permet non seulement d'aligner une liste d'éléments (un classique du CSS), mais en plus de considérer chaque élément comme un "bloc" et ainsi aller à la ligne lorsque celui-ci ne tient pas sur l'espace demandé.

Le code HTML pour l'exemple :
<ul class="ssrubs">
<li> mon 1er élément </li>
<li> mon 2ème élément </li>
</ul>

Le code CSS :
ul.ssrubs li {
display: -moz-inline-stack;
display:inline-block;
zoom: 1;
*display: inline;
}

Et ça fonctionne avec IE6, IE7, toutes les versions de Firefox, et Google Chrome.

Exemple ici.