// by Paul@YellowPencil.com and Scott@YellowPencil.com
// feel free to delete all comments except for the above credit

function setTall(divs) { // the divs array contains references to each column's div element.
 if (document.getElementById) {
 // Let's determine the maximum height out of all columns specified
 var maxHeight = 0;
 for (var i = 0; i < divs.length; i++) {
 if (divs[i].offsetHeight > maxHeight) maxHeight = divs[i].offsetHeight;
 }

 // Let's set all columns to that maximum height
 for (var i = 0; i < divs.length; i++) {
 divs[i].style.height = maxHeight + 'px';

 // Now, if the browser's in standards-compliant mode, the height property
 // sets the height excluding padding, so we figure the padding out by subtracting the
 // old maxHeight from the new offsetHeight, and compensate! So it works in Safari AND in IE 5.x
 if (divs[i].offsetHeight > maxHeight) {
 divs[i].style.height = (maxHeight - (divs[i].offsetHeight - maxHeight)) + 'px';
 }
 }
 }
}