How to work around IE6/IE7 margins disappearing when relatively-positioned floated div is moved with jquery .hover()?

Here is my code:

http://jsbin.com/uhera3/edit

When I use jQuery to .hover(), the relatively positioned floated divs jump to the left (seemingly losing their margins) in IE7.

Any ideas how to fix this?

Answers


I'd suggest implementing IE conditional tags and making an ie-fix.css file.


Need Your Help

Node.js server won't run after I put it in a module

javascript node.js http

I'm just getting started with node.js, and I'm working through a tutorial. I created a server with the code here: