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.
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)
Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘CSS’ is closed to new topics and replies.