Equal Height Columns with Cross-Browser CSS

Question

I want to have divs of the same height.

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

does not work for be because my divs have a border, and the method described assumes, that they have not.

A jQuery solution I could not make work, because my divs resize late because of ajax and menu clicks and I can not find an event for this.

Answer 1

While it seems the plugin doesn't support borders, it does support padding. Try wrapping them in another div, and then setting a padding of 2px (or however big you want the border) and then just applying a background color to this new div.

Not the most web standards friendly, but it will allow you use the trick.