Hey look! Labelled pictures, flowing inline!

Gavin's HeadGavin Kistner's Head LinuxLinux's Mascot TechnologyTechnology SoftwareSoftware InternetThe Internet

Works as intended in Safari 1.2

It works almost correctly in IE6, and Opera 7. (IE doesn't “highlight” the icon when you hover it, and Opera messes up the highlight color.)

Mozilla & Firefox don't support display:inline-block, and instead are using the fallback approximation of display:table-cell. This means that the icons can't honor the margin style (they get squished together) and also the icons won't wrap (because it things they're all cells in the same table row).

Although the standards allow it, IE won't honor display:inline-block on <div>, so you must use <span> as the outer wrapper.