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.
Copyright ©2004 Gavin Kistner; wholesale stealing of this 'technique' is freely allowed and encouraged. No rights reserved.