Overlapping elements stop overlapping in IE7 on class change

Posted by Gazzer on Stack Overflow See other posts from Stack Overflow or by Gazzer
Published on 2010-04-05T14:52:48Z Indexed on 2010/04/05 20:03 UTC
Read the original article Hit count: 183

Filed under:
|

On this page http://zenchan.com/program/

When I rollover the right box 2nd from the top suddenly the overlapping (negative margin disappears). What's happening is that a 'hover' class is being added to shift the background sprite.

The two yellow boxes are debugging: if the hover class is put their in advance there is no problem. So fundamentally the CSS is not a problem for IE7 but adding the class is.

Any ideas what's causing this. I've tried adding haslayout to various elements but to little effect.

© Stack Overflow or respective owner

Related posts about css

Related posts about jQuery