Fixing white-space on inline-block elements

This testcase tries to get rid of natural whitespace between display: inline-block elements thanks to rem unit.

Lorem Elsass ipsum réchime amet

kartoffelsalad wie baeckeoffe dolor auctor, flammekueche jetz gehts los

rossbolla schpeck Heineken yeuh. gal hopla

choucroute !

Uses :

font-size: 1px; letter-spacing: -1px; on main container for deleting all whitespaces, as Safari browser doesn't accept 0 as font-size value
word-spacing: -1px; as an Opera hack which doesn't accept negative values on letter-spacing
font-size: 20px; font-size: 2rem; letter-spacing: normal; word-spacing: normal; on childrens in order to restore values (rem unit is OK everywhere since IE9, for older browsers, px unit will be the fallback
*display: inline; zoom: 1; as a IE6 / IE7 hack

Works pretty well on every modern browsers (Firefox, Chrome, Internet Explorer, Safari, Opera), even since IE6.