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
<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.