I ran into a CSS issue with jQuery effects - some of the animations add the overflow property for the duration of the effect. In FF2 - but not IE7 - the overflow property changes the box model behavior. As far as I can tell, the box model change caused by the overflow property is part of the CSS2 spec.
It's a problem in this situation: - div A is floated left - div B is not floated & has a left margin greater than the width of div A. - div B is animated using jQuery (show, hide, slideUp, slideDown etc) Test page here: http://www.carcomplaints.com/test/overflow.html Anyone know of a clean way around this issue? I'm tempted to apply "overflow: hidden" permanently to the affected elements & ditch the left margin altogether, but it seems like there should be a better way. Pretty frustrating since the layout that causes the problem is simple & common. Any suggestions?