про баг даж пишут на сайте микрсовфт) http://support.microsoft.com/default.aspx?...amp;Product=iep есть решения на ява и при помощи iframe, но вот с последним чтото я не смог разобраться <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>мебель</title> <style> body { width: 100%; height: 100%; background-color: #7E8082; font : 14px tahoma, sans-serif; } a:active, a:focus, img {outline: 0;} html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd { padding:0; margin:0; } img {border: none;} a:link, a:visited, a:active{ color : #fff; cursor : pointer; } a:hover{ color : #f6c44b; cursor : pointer; } #main{ width : 998px; margin-left : auto; margin-right : auto; height : 100%; } #content { background: #b3b3b3 url(../img/content_bg1.jpg) no-repeat 13% 0%; padding-bottom: 20px; } #bg2 { background: url(../img/content_bg2.jpg) no-repeat 100% 100%; height: 100%; } /* right column */ #right { margin: 0px 30px 0px 335px; padding-top: 25px; width: auto; } /* end right column */ /*left column */ #left { width: 325px; float: left; } #left h1, #right-2 h1 { padding:5px 5px; font: bold 22px times new roman; color: #760000; } #left h1 { padding:5px 50px; } #bg-left { background-color: #cacbcd; width: 305px; } #menu, #search_on_catalog, #select_fabric { width: 305px; padding: 10px 0px; } #menu ul { margin-left: 30px; list-style: none; } #menu ul li { font: 18px times new roman; line-height: 20px; padding: 2px 0px 2px 20px; display: block; z-index: 100; border-bottom: solid 1px #b3b3b3; } #menu ul li:hover, #menu ul li.over { position: relative;background-color: #760000; } #menu ul li a { display: block; text-decoration: none; color: #000; } #menu li a:hover, #menu ul li:hover a, #menu ul li.over a { text-decoration: none; color: #f6c44b; background-color: #760000; display: block; } #menu li ul { display: none; } * html #menu ul li { float: left; height: 1%; } * html #menu ul li a { height: 1%; } #menu li:hover ul, #menu li.over ul { display: block; text-decoration: none; background-color: #760000; position: absolute; top: 0px; left: 140px;z-index: 100; } #menu ul li:hover ul li, #menu ul li.over ul li { display: block; padding: 2px 0px; color: #fff; width: 100%; _width: 150px; border: none; } #menu li:hover ul li a, #menu li.over ul li a { color: #fff; padding-right: 10px;} #menu li:hover ul li a:hover, #menu li.over ul li a:hover { color: #f6c44b;} #search_on_catalog { position: relative; z-index: 0; overflow: hidden; } #search_on_catalog p, #select_fabric p { padding-right: 20px; text-align: right; margin-top: 3px; } #search_on_catalog p span, #select_fabric p span { display: block; float: left; margin-left: 30px; font-weight: bold; font: 18px times new roman; } #search_on_catalog select, #select_fabric select { background-color: #760000; color: #fff; width: 130px; font: 17px times new roman; } #map {height: 195px;} #map div{ height: 139px; width: 261px; float: right; padding-right: 20px; } </style> <script type="text/javascript" > // JavaScript Document startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } window.onload=startList; </script> </head> <body> <div id="main"> <div id="content"> <div id="bg2"> <div id="left"> <h1>Каталог</h1> <div id="bg-left"> <div id="menu"> <ul id="nav"> <li><a href="#"><span>- </span>Кухни</a> <ul> <li><a href="#"><span>- </span>Современные</a></li> <li><a href="#"><span>- </span>Классические</a></li> <li><a href="#"><span>- </span>Оборудование</a></li> </ul> </li> <li><a href="#"><span>- </span>Изделия из акрила</a> <div> <ul> <li><a href="#"><span>- </span>Современные</a></li> <li><a href="#"><span>- </span>Классические</a></li> <li><a href="#"><span>- </span>Оборудование</a></li> <li><a href="#"><span>- </span>Современные</a></li> <li><a href="#"><span>- </span>Классические</a></li> <li><a href="#"><span>- </span>Оборудование</a></li> <li><a href="#"><span>- </span>Современные</a></li> <li><a href="#"><span>- </span>Классические</a></li> <li><a href="#"><span>- </span>Оборудование</a></li> </ul> </div> </li> <li><a href="#"><span>- </span>Шкафы-купе</a> <ul> <li><a href="#"><span>- </span>Современные</a></li> <li><a href="#"><span>- </span>Классические</a></li> <li><a href="#"><span>- </span>Оборудование</a></li> </ul> </li> <li><a href="#"><span>- </span>Универсальная система хранения ELFA</a> <ul> <li><a href="#"><span>- </span>Современные</a></li> <li><a href="#"><span>- </span>Классические</a></li> <li><a href="#"><span>- </span>Оборудование</a></li> </ul> </li> <li><a href="#"><span>- </span>Стулья</a> <ul> <li><a href="#"><span>- </span>Современные</a></li> <li><a href="#"><span>- </span>Классические</a></li> <li><a href="#"><span>- </span>Оборудование</a></li> </ul> </li> <li><a href="#"><span>- </span>Тумбочки</a> <ul> <li><a href="#"><span>- </span>Современные</a></li> <li><a href="#"><span>- </span>Классические</a></li> <li><a href="#"><span>- </span>Оборудование</a></li> </ul> </li> <li><a href="#"><span>- </span>Столы</a> <ul> <li><a href="#"><span>- </span>Современные</a></li> <li><a href="#"><span>- </span>Классические</a></li> <li><a href="#"><span>- </span>Оборудование</a></li> </ul> </li> <li><a href="#"><span>- </span>Табуретки</a> <ul> <li><a href="#"><span>- </span>Современные</a></li> <li><a href="#"><span>- </span>Классические</a></li> <li><a href="#"><span>- </span>Оборудование</a></li> <li><a href="#"><span>- </span>Современные</a></li> <li><a href="#"><span>- </span>Классические</a></li> <li><a href="#"><span>- </span>Оборудование</a></li> <li><a href="#"><span>- </span>Современные</a></li> <li><a href="#"><span>- </span>Классические</a></li> <li><a href="#"><span>- </span>Оборудование</a></li> </ul> </li> <li><a href="#"><span>- </span>Кресла</a> <ul> <li><a href="#"><span>- </span>Современные</a></li> <li><a href="#"><span>- </span>Классические</a></li> <li><a href="#"><span>- </span>Оборудование</a></li> </ul> </li> </ul> </div> <div id="search_on_catalog"> <h1>Поиск по каталогу</h1> <form method="post" action="#"> <p ><span>Раздел:</span> <select size="1" name="D1"> <option value="1">Кухни</option> <option value="2">Столы</option> <option value="3">Спальни</option> <option value="4">Шкафы</option> <option value="5"></option> </select> </p> </form> <form method="post" action="#"> <p ><span>Фабрика:</span> <select size="1" name="D1"> <option value="1">Ленина</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </p> </form> <form method="post" action="#"> <p ><span>Стиль:</span> <select size="1" name="D1"> <option value="1">Классический</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </p> </form> <form method="post" action="#"> <p ><span>Модель:</span> <select size="1" name="D1"> <option value="1">Виолетта</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </p> </form> <form method="post" action="#"> <p ><span>Салон:</span> <select size="1" name="D1"> <option value="1"></option> <option value="2">Эко</option> <option value="3">Doors</option> <option value="4">4</option> </select> </p> <p> <input type="button" value="Поиск" name="B2"/> </p> </form> </div> <div id="map"> <h1>Как нас найти</h1> <div><a href=""><img src="img/map.jpg" width="261" height="139" alt="" /></a></div> </div> </div> </div> </div> </div> </div> </body> </html>
