Internet Explorer 8 display:inline li Bug

Microsoft, just switch to webkit already.

May 14, 2009 1:14 PM

The footer navigation of the ground(ctrl) system (the hosted fan club service I maintain), is made up of two unordered lists. The design of the client build I am currently working on calls for each child line item element of these lists to display inline, so I specified the following rule in my style sheet:

#footer li { display: inline; }

Which gives us the desired result in compliant browsers:

IE 8 refused to obey:

My solution was to set the line items in question to display inline-block:

#footer li { display: inline-block; }

Of course, this isn’t going to fly in older versions of Firefox, but this is a concession I am willing to make for this particular site.