inline-block not working in Internet Explorer?

Give the element display: inline; after setting display: inline-block; in IE6 and IE7. You can do this using conditional comments or by using the following code:

div#foo {
    display: inline-block;
}

* html div#foo { /* for IE6 */
    display: inline;
}

*+html div#foo { /* for IE7 */
    display: inline;
}

Further Reading

• Colin Aarts article: "inline-block" and you
• W3C - CSS display property
• Quirksmode - Browser support for display declaration

Credits

• Colin Aarts - colinaarts.com

Back to top