Представляю Вашему вниманию следующию задачу:
есть макет страницы [attachment=930:attachment], которую с легкостью можно реализовать табличной версткой, но нужно это сделать при помощи CSS.
У меня получился следующий код
Код:
<style>
#m_body {
****width: 800px;
****position: absolute;
****top: 10px;
****left: 50%;
****margin-left: -400px;
}
#b1 {
 *width: 206px; height: 156px;
 *background-color: Aqua;
 *float: left;
****overflow: hidden;
}
#b2 {
 *width: 594px; height: 110px;
 *background-color: Blue;
 *float: left;
****overflow: hidden;
}
#b3 {
 *width: 189px; height: 46px;
 *background-color: Fuchsia;
 *float: left;
****overflow: hidden;
}
#b4 {
 *width: 185px; height: 270px;
 *background-color: Green;
 *float: right;
****overflow: hidden;
}
#b5 {
 *width: 220px; height: 270px;
 *background-color: Lime;
 *float: right;
****overflow: hidden;
}
#b6 {
 *width: 160px; height: auto;
 *background-color: Maroon;
 *float: left;
}
#b7 {
 *width: 235px; height: auto;
 *background-color: Navy;
 *float: left;
}
#b8 {
 *width: 405px; height: auto;
 *background-color: Olive;
 *float: left;
}
#b9 {
 *width: 800px; height: 75px;
 *background-color: Purple;
 *clear: left;
****overflow: hidden;
}
</style>
</head>
<body>
<div id="m_body">
****<div id="b1"><script>for (i=0; i<300; i++)document.write(&#39;b1 &#39;);</script></div>
****<div id="b2"><script>for (i=0; i<300; i++)document.write(&#39;b2 &#39;);</script></div>
****<div id="b3"><script>for (i=0; i<300; i++)document.write(&#39;b3 &#39;);</script></div>
****<div id="b4"><script>for (i=0; i<300; i++)document.write(&#39;b4 &#39;);</script></div>
****<div id="b5"><script>for (i=0; i<300; i++)document.write(&#39;b5 &#39;);</script></div>
****<div id="b6"><script>for (i=0; i<300; i++)document.write(&#39;b6 &#39;);</script></div>
****<div id="b7"><script>for (i=0; i<300; i++)document.write(&#39;b7 &#39;);</script></div>
****<div id="b8"><script>for (i=0; i<300; i++)document.write(&#39;b8 &#39;);</script></div>
****<div id="b9"><script>for (i=0; i<300; i++)document.write(&#39;b9 &#39;);</script></div>
</div>
</body>
Но вся проблема, что высота колонок b6, b7 и b8 неизвестна.
Вопрос: как выравнять высоту этих колонок?
з.ы. Пробывал height=100% и указание нужных отступов, но у менея не работает (высота никак не хочет становиться 100%)

Заранее спасибо