Changing opacity on an element dynamical with jQuery often gives strange and unwanted effects in IE. It depends on the sites structure and css. It normally appears after an element has been faded out, and is faded in again. Text colour disappears, backgrounds looks strange opacity is wrong. Several things can happen.

read more »

I wanted to append an iframe to my html dynamical using javascript.

My HTML is as follow:

<iframe src="my-url" height="587" width="528" frameborder="0" scrolling="no" align="left">
	<p>Your browser does not support iframes.</p>
</iframe>

This work fine in all browsers except IE 6 / IE 7 / IE 8

It looks like IE resizes the iframe after loading the content, wich destroyed my layout.
The solution is to set width and height with css and add !important:

iframe {
	width:528px !important;
	height:587px !important;
}