CSS 3 colums same height

I have a layout and I am trying to use display:table properties to accomplish them having all the same height. Some reason I can’t see why it is not working based on the few examples I’ve looked at.

Here is a link to the website in question: http://dev2.drracine.com/

The first thing you should do is remove the floats from each of those cells, and perhaps give each cell vertical-align: top;

See what that does. Floats and display: table-cell don’t belong together. :slight_smile:

EDIT: By the way, this is just plain old CSS2. :slight_smile:

great! removing the floats worked!