Hi,

I'm having problems with the layout of a page appearing differently in ie7 compared to ie8.

In ie8, the page looks fine. However in ie7 the top margin of the div seems to be recognised, but not the bottom margin... so the divs appear all squashed up together

The problem lies with the gaps between the divs with 'change email', 'password' and '****' in

This is the html section I'm looking at:

















The CSS for this section is:

.buttons .right2{ float:left; background:url(/images/button-right.png) 100% 0 no-repeat; padding:3px 24px 3px 0; margin: 5px 0 15px 0; }
.buttons .right2{ float:left; background:url(/images/button-right.png) 100% 0 no-repeat; padding:3px 24px 3px 0; margin: 5px 0 15px 0; }.buttons .right2{ float:left; background:url(/images/button-right.png) 100% 0 no-repeat; padding:3px 24px 3px 0; margin: 5px 0 15px 0; }.buttons .right2{ float:left; background:url(/images/button-right.png) 100% 0 no-repeat; padding:3px 24px 3px 0; margin: 5px 0 15px 0; }.buttons .right2{ float:left; background:url(/images/button-right.png) 100% 0 no-repeat; padding:3px 24px 3px 0; margin: 5px 0 15px 0; }.buttons .right2{ float:left; background:url(/images/button-right.png) 100% 0 no-repeat; padding:3px 24px 3px 0; margin: 5px 0 15px 0; }













Robs