Question

Please review the fiddle here for an example:

http://jsfiddle.net/TKJsc/1/

Basically i’m trying to make it so the UL is centered in it’s parent div.

Each li has a width, and if i use inline it will not render with the width. If i use inline-block then IE doesn’t render it properly, but FF does. How would i accomplish this?

Answer 1

IE8 doesn’t work quite right with inline-block due to a bug with some proprietary concept called hasLayout. If an item !hasLayout, it is considered inline.

To fix it in IE8, all that is necessary is to give it some property which will trigger hasLayout == true. The most simple way to do it is with the again ms-proprietary zoom:1;

For more details, check out this very in depth article: http://www.satzansatz.de/cssd/onhavinglayout.html