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><divclass="itemBtn"><imgsrc="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"