Не ссорьтесь, я установил себе MultipleIEs, теперь тестить получается, по ссылке и в правду все работает, сейчас наткнулся на следующую проблему. Взял за основу вот это меню:
http://www.cssplay.co.uk/menus/dd_valid.html. Так вот, мне необходимо задать width:auto для основных пунктов, так как при фиксированной ширине, ровняясь по самой широкой надписи, меню выходит очень широким, и вот опять проблема, IE6 отказывается понимать это адекватно,
вот что выходит, в остальных браузерах проблем нет.
Может подскажите что нибудь.
P.S. Вот код, того что выходит:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title>Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.menu_wrapper {
position:relative;
height:35px;
width:100%;
background:#006633;
}
/* common styling */
.menu {
font-family:arial, sans-serif;
}
.menu ul li a {
display:block;
text-decoration:none;
height:35px;
line-height:35px;
text-align:center;
color:#E6FAE2;
font-size:13px;
width:auto; /*----------------------- П Р О Б Л Е М А ----------------------------------*/
padding:0 10px;
overflow:hidden;
}
.menu li ul a {
display:block;
width:120px;
height:auto;
padding:4px 18px 5px 18px;
text-align:left;
font:12px arial, sans-serif;
color:#C6D1C2;
}
.menu ul {
padding:0;
margin:0;
list-style:none;
}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display:none;}
/* specific to non IE browsers */
.menu ul li:hover a {
background:#99CC00;
color:#0C5027;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:35px;
left:0;
width:120px;
}
.menu ul li:hover ul li a.hide {
background-color:#6a3;
color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
background-color:#6fc;
color:#000;
}
.menu ul li:hover ul li ul {display:none;}
.menu ul li:hover ul li a {
display:block;
background-color:#ddd;
color:#000;
}
.menu ul li:hover ul li a:hover {
background-color:#6fc;
color:#000;
}
.menu ul li:hover ul li:hover ul {
display:block;
position:absolute;
left:156px;
top:0;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}
.menu ul li a:hover {
background:#36f;
color:#fff;
}
.menu ul li a:hover ul {
display:block;
position:absolute;
top:35px;
left:0;
width:120px;
}
.menu ul li a:hover ul li a.sub {
padding:4px 18px 0 18px;
background:#6a3;
color:#fff;
}
.menu ul li a:hover ul li a {
display:block;
background:#ddd;
color:#000;
}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {
background:#6fc;
color:#000;
}
.menu ul li a:hover ul li a:hover ul {
visibility:visible;
position:absolute;
left:156px;
top:0;
color:#000;
}
</style>
<![endif]-->
</head>
<body>
<div class="menu_wrapper">
<div class="menu">
<ul>
<li><a class="hide" href="#">Группа Компаний</a>
<!--[if lte IE 6]>
<a class="sub" href="#">Группа Компаний
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#">Компания «Агротехнологии»</a></li>
<li><a href="#">Компания «Дивное»</a></li>
<li class="last"><a href="#">Компания «Империал Агро ЛТД»</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li class="hide"><a href="#">Новости</a></li>
<li><a class="hide" href="#">Техника «Далтон»</a>
<!--[if lte IE 6]>
<a class="sub" href="#">Техника «Далтон»
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#">Прицепы «Reach Pole Wagons»</a></li>
<li><a href="#">Агрегат для безводного аммиака</a></li>
<li><a href="#">Агрегат для жидкостей - DW6000, D3000</a></li>
<li class="last"><a href="#">Агрегаты для жидкостей - DLQ, DLQHD</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#">Техника Б/У</a>
<!--[if lte IE 6]>
<a class="sub" href="#">Техника Б/У
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#">Бороны</a></li>
<li><a href="#">Жатки</a></li>
<li><a class="hide" href="#">Комбайны</a>
<!--[if lte IE 6]>
<a class="sub" href="#">Комбайны
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#">Клавишные</a></li>
<li class="last"><a href="#">Роторные</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a href="#">Культиваторы</a></li>
<li><a href="#">Опрыскиватели</a></li>
<li><a class="hide" href="#">Сеялки</a>
<!--[if lte IE 6]>
<a class="sub" href="#">Сеялки
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#">Пропашные</a></li>
<li class="last"><a href="#">Стерневые</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li class="last"><a href="#">Трактора</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#">Инокулянт</a>
<!--[if lte IE 6]>
<a class="sub" href="#">Инокулянт
<table><tr><td>
<![endif]-->
<ul>
<li><a class="hide" href="#">Инструкции по применению</a>
<!--[if lte IE 6]>
<a class="sub" href="#">Инструкции по применению
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#">Нестерильный на основе торфа</a></li>
<li><a href="#">Стерильный концентрированный</a></li>
<li class="last"><a href="#">Стерильный на основе торфа</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a href="#">Протравители</a></li>
<li><a href="#">Что такое инокуляция</a></li>
<li class="last"><a href="#">Общая информация</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a href="#">Обратная Связь</a></li>
<li class="last"><a href="#">Карта Сайта</a></li>
</ul>
</div>
</div>
</body>
</html>
