Inline block doesn’t work in internet explorer 7, 6

In IE6/IE7, display: inline-block only works on elements that are naturally inline (such as spans). To make it work on other elements such as divs, you need this: #yourElement { display: inline-block; *display: inline; zoom: 1; } *display: inline uses a “safe” CSS hack to apply to only IE7 and lower. For IE6/7, zoom: 1 … Read more

Do HTML5 custom data attributes “work” in IE 6?

You can retrieve values of custom (or your own) attributes using getAttribute. Following your example with <div id=”geoff” data-geoff=”geoff de geoff”> I can get the value of data-geoff using var geoff = document.getElementById(“geoff”); alert(geoff.getAttribute(“data-geoff”)); See MSDN. And although it is mentioned there that you need IE7 to get this to work, I tested this a … Read more