CSS Float In IE7 Document Standard

I am using this YAML page(fullpage_grids.html) as template to ramp up a page.

The problem is: In IE7, the bottom 3 DIVs which are supposed to be horizontally aligned now vertic开发者_StackOverflowally stacked together.

Can you give me a fix to this page?

It's not a float problem it's a table problem. Are you making the cells expand?

container/row

.equalize,
.equalize .subcolumns {
  table-layout: fixed;
}
.subcolumns {
  display: table;
}

columns/cells

.equalize > div {
  display: table-cell;
}

Just to throw another answer out there...

Quirksmode has a list of the compatibility for the display declaration http://www.quirksmode.org/css/display.html

If you absolutely need the layout to work in IE7, you could think about using a table or possibly a horizontal unordered list