IE7 sibling div width not same as sibling

Question

I am struggling with fixing an IE7 issue. I want my sibling div to be the same width as it's siblings. The first sibling acts as the header while the other siblings have certain dimensions. I could use some advice.

http://jsbin.com/etuxum/19/edit

Thanks

Answer 1

Try:

.rateSection {
float: left;
margin-right: 0px;
width: 100%;
}

Notice margin-right: 0px; The blue background is aplied to the

if you add background-color:#999; to .rateSection you get what you want