ситуация вот в чем
есть следующий код:
Код:
 <body>
 * <div id="header">
 * *header
 * </div>
 * <div id="bl">
 * *<div id="sidebar1">контент</div>
 * *<div id="content">контент </div>
 * *<div id="sidebar2">контент</div>
 *</div>
 *<div id="footer">
 * *footer
 *</div>
 </body>
необходимо сделать так чтобы
подвал находился в самом внизу страницы, а колонки растягивались по мере содержимого, причем отодвигая подвал вниз если нужно

вот css:
Код:
<style type="text/css">
html, body {
 *margin: 0;
 *padding: 0;
 *width: 100%;
 *height: 100%;
}
body {
 *min-height: 100%;
 *height: auto !important;
 *height: 100%;
 *position: relative;
}

#header {

 *height: 3em;
 *width: 100%;
}
#content {
float:left;
width: 50%;
}
#sidebar1 {
float:left; 
width: 25%;
}
#sidebar2 {
float:left; 
width: 24%;
}
#footer {
 *height: 2.5em;
 *width: 100%;
 *position: absolute;
 *bottom: 0;
}
#bl {
 *width: 100%;
 *padding-bottom: 2.5em;
}
работает это только в опре как сделать чтобы в Firefox и IE точно так же было?