Здравствуйте!

Пробывал применить ваш шаблон(немного его видоизменив):
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Центр-Левая-Правая + max-width</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {margin: 0px; padding: 0px;}
html {background: #CCFFFF; height: 100%;}
body {min-width: 800px; min-height: 100%; position: relative;}
* html body {height: 100%;}


#content {width: 100%; margin: 0px auto; padding-bottom: 70px; overflow: hidden;}

#outer1 {width: 100%; margin-right: -200px; float: left;}
#outer2 {margin-right: 100px;}
#outer3 {width: 100%; margin-left: -200px; float: right;}

#main {margin-left: 200px; background: #FFCCFF;}
#left {width: 200px; float: left; background: #00CCFF;}

#footer {background: #66FFCC; width: 100%; height: 70px; position: absolute; bottom: 0px;}
* html #footer {bottom: -1px;}
</style>
<script src="js/minmax.js" type="text/JavaScript"></script>
</head>

<body>
<div id="content">
****<div id="outer1">
************<div id="outer3">
****************<div id="main">
****************Контент
****************<table border="1">
****************<tr><td>test1</td><td>test2</td><td>test3</td><td>test4</td><td>test5</td><td>test6</td><td>test7</td><td>test8</td><td>test9</td><td>test10</td><td>test11</td><td>test12</td><td>test13</td><td>test14</td><td>test15</td><td>test16</td><td>test17</td><td>test18</td><td>test19</td><td>test20</td><td>test21</td><td>test22</td><td>test23</td></tr>
****************</table>
****************</div>
**** ********</div>
**** ********<div id="left">Левая колонка</div>
****</div>
****
</div>

<div id="footer">Футер</div>
</body>
</html>
Возникла следующая проблема с IE6 (в остальных браузерах проблемы не обнаружил): при уменьшении размера окна, левая колонка(div) опускается под main колонку (div). Как можно решить данную проблему?
Спасибо.