У меня есть макет с заголовком, левой навигацией и правой частью контента. Когда нужный контент слишком широк, чтобы поместиться в родительские контейнеры (div), я бы хотел, чтобы контент переполнял div вправо. Это работает в современных браузерах, как мне хотелось бы, но IE6 предотвращает переполнение, а затем заставляет левую навигацию под правым контентом. Какие-либо предложения?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
<div id="container" style="width:984px;margin:0 auto;">
<div id="header" style="height:76px;background-color:#69B8E1">Site Header</div>
<div id="contentWrapper" style="float:right;margin-left:-175px;width:100%">
<div id="rightContent" style="margin-left:165px;background-color:#C6DDDF;">
<table>
<tr>
<th>
Very lengthy description</th>
<th>
Very lengthy description</th>
<th>
Very lengthy description</th>
<th>
Very lengthy description</th>
<th>
Very lengthy description</th>
<th>
Very lengthy description</th>
<th>
Very lengthy description</th>
<th>
Very lengthy description</th>
<th>
Very lengthy description</th>
<th>
Very lengthy description</th>
<th>
Very lengthy description</th>
<th>
Very lengthy description</th>
<th>
Very lengthy description</th>
</tr>
</table>
</div>
</div>
<div id="leftMenu" style="float:left;width:150px;background-color:#C4DF9B">Left
Menu</div>
</div>
</body>
</html>