A friend asked me to look at this page

In IE7, the top margins applied to each div result in the second layer being 54px down from the top of the first layer and the third layer being 27px down from the top of the second one.

In Firefox, the second layer's margin is ignored and it is up against the top of the first layer. But the third layer is still 27px down from the second one.

Now the fun bit. Increase the top margin on the second layer by, say, 100px, and in FF, the first layer (and the ones inside it) drops by another 100px...


Solution to have it look the same in FF as in IE7?