CSS - IE7 weirdness - When I set the opacity of an element, I lose the margin of a sibling element.

Question

When I set the opacity of an element ( filter:alpha(opacity=50); ) then the margin of the element to the right of it goes to 0, and butts right up against the element for some reason.

This doesn't happen when setting opacity on firefox or chrome, but does happen on IE7.

Anyone know how to fix this?

Answer 1

As per the comments:

Ah, that sounds like another hasLayout issue again. Try giving .elem a zoom: 1. It should give the element "layout" in IE6/7.