Ugly border around iframes in the WordPress Admin

[kristofferR]

I just tried WordPress 3.3 beta 1 and all iframes embedded in the admin area have a new horrible-looking 2px border around them. I've attached two screenshots - one from 3.2 and one from 3.3 beta 1.

The problem exists in both Firefox Nightly 10a and Safari 5.1

[kristofferR]

Screenshot from 3.2.1 - how it should look

[kristofferR]

Screenshot from 3.3 beta 1 - incredibly ugly

[ocean90]

Already mentioned by dd32 in #18314.

Should we re-add the reset style?

[ocean90]

Use CSS reset by Eric Meyer

[andrewryno]

We shouldn't just throw the reset in there. Especially since a lot of the rules are now going to be duplicated. There is already a bit of resetting in wp-admin.css. When the files were merged, there were only a couple rules that were lost.

[dd32]

It looks like we just need to reset iframe and a's border properties to me:

iframe,
img {
	border: none;
}

(img is for a>img in IE adds a stupid border in some locations)

[andrewryno]

Attached dd32's fix in patch form.

[azaozz]

In [18961]:

Remove borders from iframes and images in IE, props dd32, andrewryno, fixes #18922