Met de nieuwe stijl om m’n blog heb ik ook in m’n CSS het een en ander aangepast. Een van die dingen is

display: inline-block; width: 200px;

Dit werkt perfect in IE en aangezien het inline-block toch redelijk standaard is (dacht ik) heb ik het niet eens in FireFox getest. Nu zag ik zojuist dat deze optie niet werkt in FireFox, tenminste niet in mijn versie. Uiteraard is er een slimme kop bij Mozilla geweest die heeft bedacht dat het toch nodig zou zijn om deze optie toch beschikbaar te hebben.

In plaats van gewoon de inline-block te implementeren, hebben ze iets anders bedacht, namelijk -moz-inline-box.
Jazeker, een Mozilla variant op de ‘standaard’. Ok, vanaf CSS3 zit inline-block niet meer in het standaard pakket, maar daar heb ik momenteel nog weinig mee te maken. Nu heb ik m’n CSS weer aan moeten passen, wat er niet mooier op wordt.

width: 200px; display: inline-block; display: -moz-inline-box;

Bovenstaande code werkt zowel in IE als FF. Of het best-practice is durf ik te betwijfelen, maar het gaat uiteindelijk om het resultaat.