Добрый день. Суть проблемы следующая: Один из блоков DIV (красный) лежит поверх всех модулей (в будущем там будет флеш), и при этом заходит на два из них. Проблема появляется только при отображении в браузерах - IE 6,7,8 (в FF2,3, Opera, Chrome, Safari все отображается нормально. Красный модуль растягивает родительский модуль, вместо того, что бы заходить за его границу. Этот же модуль вмето того, что бы лежать поверх другого "оранжевого" модуля расположился ниже по оси y. Скорее всего я просто чего то не знаю (тожественно захлопнул самоучитель месяц назад), но вот чего именно... Основная цель сейчас IE 7,8 - IE 6 буду мучать позже (насколько я понимаю - это отдельная Санта-Барбара. Сама верстка расположена здесь: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>LC-TEST</title> <link rel="stylesheet" type="text/css" href="css/template.css"> </head> <body> <div id="body"> <div id="cont"> <div id="logo1"></div> <div id="logo2">REKLAMA logo</div> <div id="tele">tel. nuber</div> <div id="balloon"></div> <div id="menu">menu</div> <div id="content">content</div> </div> </div> </body> </html> Файл .css #cont { background-color:#000; width:1024px; height:auto; min-height:850px; margin:0 auto; padding:0; position:relative; } #logo1 { width:287px; height:170px; background-color:#30d5c8; float:left; position:relative; z-index:1; } #logo2 { height:170px; width:457px; background-color:#cf0; float:left; position:relative; z-index:1; } #tele { height:170px; width:280px; background-color:#ff7a00; float:left; position:relative; z-index:1; } #balloon { height:500px; width:400px; background-color:red; margin-left:950px; position:relative; z-index:2; } #menu { height:625px; width:285px; background-color:#1e90ff; float:none; margin-top:-300px; position:relative; z-index:2; }
