Skip to content Skip to sidebar Skip to footer
Home / Html / Internet Explorer / Internet Explorer 9

Dynamic HTML Rendering Issue In IE9 Only

Post a Comment
I have this nasty rendering issue in IE9 only, IE8 & IE7 works fine as the rest of the browsers. http://jsfiddle.net/65Zsv/ Open the demo in IE9 and hover over the image. The

Solution 1:

This bug can be resolved by wrapping the text in a block-level tag. Update your fiddle as so and the bug goes away:

<html>
<head></head>
<body>
<div class="itemBtn"><img src="http://a3.mzstatic.com/us/r1000/029/Video/ad/b9/e4/mzi.sporozgs.100x100-75.jpg"><br>    <p>IIII THIS IS SOME CRAZY TEXT</p></div></body>
</html>

I don't know the rules about text in the <body> tag, but I think it has to be in a block level element at some point. It's probably more a case of invalid markup than an MS bug.


Post a Comment for "Dynamic HTML Rendering Issue In IE9 Only"