IE8 Finds New Ways To Fuck Up Rendering

I’m used to many things not working properly or as expected in IE6 and IE7, but Microsoft has managed to figure out new ways to mess up rendering in IE8.

Here’s a simple example:

<div style=”position: absolute; background-color: #f00; height: 24px; left: 0px; right: 0px; top: 0px;”>I am a menu bar</div>

Try to guess what IE8 will do with it.

Now try to figure out how to fix it. Hint: width 100% will not work.