IE8 no honoring display:none

Posted by user357034 on Stack Overflow See other posts from Stack Overflow or by user357034
Published on 2010-06-11T22:12:21Z Indexed on 2010/06/11 22:33 UTC
Read the original article Hit count: 291

Filed under:
|

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.

© Stack Overflow or respective owner

Related posts about css

Related posts about ie8