Добрый день всем! Готовлю шаблон для страницы. Схематично код выглядит так: HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>test template</title> <style type="text/css"> body { margin: 0; padding: 0; } .bung { clear: left; } #top { background-color: red; margin: 2px 2px 0 2px; padding: 2px 2px 0 2px; border: 1px black solid; } .topblock { background-color: yellow; width: 100px; height: 30px; margin: 0 2px 2px 0; float: left; } #sidebar { position: absolute; left: 2px; margin-top: 2px; background-color: brown; width: 200px; height: 600px; border: 1px black solid; } .sideblock { margin: 2px; background-color: lightgreen; } #content { margin: 2px 0 2px 204px; } .contentblock { background-color: lightblue; border: 1px black solid; margin: 2px; } .bod { background-color: blue; width: 40px; height: 10px; margin: 1px; float: left; overflow: hidden; } </style> </head> <body> <div id="top"> <div></div> <div class="topblock">1</div> <div class="topblock">2</div> <div class="topblock">3</div> <div class="topblock">4</div> <div class="topblock">5</div> <div class="topblock">6</div> <div class="topblock">7</div> <div class="topblock">8</div> <div class="bung"></div> </div> <div id="sidebar"> <div class="sideblock">abc def ghi klm nop</div> <div class="sideblock">abc def ghi klm nop</div> <div class="sideblock">abc def ghi klm nop</div> <div class="sideblock">abc def ghi klm nop</div> <div class="sideblock">abc def ghi klm nop</div> </div> <div id="content"> <div class="contentblock">abc def ghi klm nop</div> <div class="contentblock">abc def ghi klm nop</div> <div class="contentblock">abc def ghi klm nop</div> <div class="contentblock"> <div></div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bung"></div> </div> <div class="contentblock">abc def ghi klm nop</div> <div class="contentblock">abc def ghi klm nop</div> <div class="contentblock">abc def ghi klm nop</div> <div class="contentblock">abc def ghi klm nop</div> <div class="contentblock">abc def ghi klm nop</div> <div class="contentblock">abc def ghi klm nop</div> <div class="contentblock">abc def ghi klm nop</div> <div class="contentblock"> <div></div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bod"> </div><div class="bod"> </div> <div class="bung"></div> </div> <div class="contentblock">abc def ghi klm nop</div> <div class="contentblock">abc def ghi klm nop</div> <div class="contentblock">abc def ghi klm nop</div> </div> </body> </html> В селом, в макете присутствующие блоки ведут себя так как от них требуется, чтобы они себя вели. Макет тестирую в IE и Opera. Проблемы две и обе в IE: 1. Плавающие синие и жёлтые блоки (float: left, при определённой ширине страницы, заезжают на правые границы родительского блока. 2. Если задать в блоке "content" задний фон, то он частично закрашивает дочерние блоки. В Опере этих обоих проблем нет. Помогите, плизз, с этим справиться. :?