Проблемы с динамическим меню

[YaD]

Реализую выпадающее горизонтальное меню по такому принципу:

<ul class="menu-h-d"> 
  <li><a href="/index.html" title="">Главная</a></li> 

  <li><a href="/product.html" title="">Продукция и услуги</a> 
	<ul> 
	  <li><a href="/prod.html" title="" >Продукция</a></li> 
	  <li><a href="/arenda.html" title="">Аренда</a></li> 
	</ul> 
  </li> 
  <li><a href="/docs.html" title="">Документы</a> 
	<ul> 
	  <li><a href="/ustav.html" title="">Устав</a></li> 
	  <li><a href="/otchet.html" title="">Годовые отчеты</a></li> 
	  <li><a href="/dir.html" title="">Совет директоров</a></li> 

	</ul> 
  </li> 

  <li><a href="/contact.html" title="">Контакты</a> 
	<ul> 
	  <li><a href="/adress.html" title="">Адрес, телефон</a></li> 
	  <li><a href="/proezd.html" title="">Схема проезда</a></li>  
	  </ul> 
  </li> 
   <li><a href="/friends.html" title="">Сотрудничество</a> 
	<ul> 
	  <li><a href="/forma.html" title="">Прием заказов</a></li> 
	  <li><a href="/recv.html" title="">Реквизиты</a></li>  
	  </ul> 
  </li>
  <li><a href="http://oaoniim.ru/news/news.php?id=oll_news" title="Новости">Новости</a></li> 
  <li><a href="/about.html" title="">Об институте</a></li> 
</ul>

CSS:

.menu-h-d { 
min-height: 24px; 
border-left: 0px solid #fff; 
}
.menu-h-d li { 
float: left; 
display: block; 
position: relative; 
border: 0px solid #fff; 
border-width: 1px 1px 1px 0px; 
list-style-image: url ('/img/tr.jpg'); 
font-size: 11pt;
}
.menu-h-d a { 
text-decoration: none; 
padding: 2px 10px; 
display: block; 

}

.menu-h-d ul { 
display: none; 
position: absolute; 
top: 22px; 
left: -1px; 
width: 160px; 
background: #fff; 
border: 0; 
border-bottom: none; 
margin: 0; /* Нет отступов вокруг */
padding: 0;
font-size: 11pt;
}
.menu-h-d ul ul { 
left: 100%; 
top: -1px; 
}

.menu-h-d li li { 
float: none; 
border-width: 0px 0px 0px 0px; }

.menu-h-d li:hover { 
color: black;
}

.menu-h-d a:hover { 
background-image: url ('/img/tr.jpg');
color: red;
}
 .menu-h-d li:hover ul,
.menu-h-d li:hover ul li:hover ul,
.menu-h-d li:hover ul li:hover ul li:hover ul { display: block; }

.menu-h-d li:hover ul ul,
.menu-h-d li:hover ul li:hover ul ul { display: none; }

В ИЕ, ФФ меню отображается нормально. В опере 10.50 вместо динамического меню отображается обычная строчка с ссылками первого уровня. В чем проблема и что посоветуете?

[rus]

Динамики не увидел. Edited May 18, 2010 by rus

[YaD]

Вот такое выпадающее меню я имею ввиду.

[YaD]

ап

[psywalker]

Возможно какие то стили переписываются, проверяй ЦСС

[YaD]

oaoniim.ru - вот здесь эта проблема с выпадающими меню на цсс. В ie7 отображается просто полоса с ссылками, меню не выпадает. Как решить?

[YaD]

все тот же вопрос

[YaD]

очередной ап

[klierik]

предположительно не срабатывает

.menu-h-d li:hover

в ИЕ7