[Solved] Inline Block Menu Woes

[JoshWhiteDesign]

Hey all, I was hoping someone could point me in the right direction on this.

Check out: http://www.joshwhitedesign.com/testcenter/markinsley

In IE, the menu does not follow the inline block – it’s breaking the line after each image. It looks right in Safari, FF, and Chrome but I have tried modifying the crap out of the menu styles and I can’t get the bloody thing to work in IE. I wouldn’t be opposed to making a conditional stylesheet if I could figure out how to keep it from breaking the line after each <li>

Any ideas or thoughts would be greatly appreciated.

Thanks in advance!

[Tcooper]

IE won’t support inline-block on elements that aren’t natively inline.

The two easiest ways around this would be either to change display:inline-block; to float:left; – though you may need to tweak the surrounding/containing elements. Or you could use an IE specific stylesheet and instead of display:inline-block, give it display:inline; and zoom:1; (to trigger hasLayout) – this combination gives you the same outcome as display:inline-block)

[Author]

Posts