Last Updated: February 25, 2016
·
966
· danklingjr

Fixing display: inline-block in IE7

So I've been using a crap ton of inline-block on a bunch of projects lately and when I first started using inline-block I noticed that IE7 didn't recognize it. So I've recently found a solution to this thanks to Uncorked Studios. Here's what my CSS looks like before the fix:

ul li {
    display: inline-block;
}

And here it is fixed for IE7:

ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
}