IE8 no honoring display:none

Question

I have the following markup on a page and unfortunately I do not have direct access to it. . This page is opened in an iframe. There is other code on the page but it is not relevant so I have not posted it.

The only access to target the code in via css.

I want to not display the close button so I added this to the css file

img[alt='Close'] {display:none !important;} 

this is the markup

<td align="center"><a href='javascript:window.close()'><img src='v/vspfiles/templates/100/images/buttons/btn_close.gif' alt='Close' border=0></a></td>

It works as expected in all browsers that i have tested (firefox, Opera, Safari) but in IE8 it seems to ignore this css and shows the button. Not sure if it doesn't like the selector or perhaps I have a syntax error.

Not sure where to go from here.

Answer 1

IE8 supports Attribute Selectors, but only when the page is setup for "standards-compliant mode". The following provides more information:

http://msdn.microsoft.com/en-us/library/aa770069.aspx [Read the Remarks Section] http://msdn.microsoft.com/en-us/library/cc288325.aspx

Also the following link tells you what DTD turns standards compliance mode "on" in IE8

http://msdn.microsoft.com/en-us/library/ms535242.aspx [Scroll to the table]