//fire fox

$(window).load(function() {
    setEqualHeight($(".container  > div"));
}); 

function setEqualHeight(columns) {
    var tallestcolumn = 0;
    
    //Get the height of the tallest column
    columns.each(function() {
        currentHeight = $(this)[0].offsetHeight;
        if (currentHeight > tallestcolumn) {
            tallestcolumn = currentHeight;
        }
    });
   
    //Now that we have the height of the tallest column, set each of the columns to that height
    columns.each(function() {
        $("#SideNavBody", $(this)[0]).height(tallestcolumn + 28);
        $("#MainContentBody", $(this)[0]).height(tallestcolumn);
        $("#SideContentMid", $(this)[0]).height(tallestcolumn - 9);
    });
 
}