IE7 ne supportant malheureusement pas le display:inline-block qui s'avère souvent très pratique, on pourrait croire qu'on est obligé de s'en passer... (http://caniuse.com/inline-block)

Cependant, un petit hack nous permet de changer la manière dont IE interprête la position d'une balise en display:inline. En ajoutant le code suivant, vous pouvez être sûr que votre code fonctionnera pour IE7+.

span {
         display: inline-block;
         *display: inline;
         *zoom: 1;
}

La première ligne sera interprêté par tous les navigateurs récents supportant le CSS3, puis les 2 lignes débutant par une * ne seront prise en compte que pour IE.