:hover и меню

[Struggle]

Собственно есть код выпадающего меню, показываю css

ul.navi div.mega-content {
position: absolute;
left: 0;
padding: 0;
margin: 0;
background: #04677F;
display: block;
float: left;
padding: 0 9px 9px 0;
}

и html

<li class="level1 last havechild default">
<a class="level1 last havechild" href="/index.php/inv"><span class="menu-title">Финансы</span></a>
   <!-- open mega-content div -->

  <div class="level2 mega-content">

   <div class="mega-content-inner">

		 <div class="mega-col first one">
	  <ul class="subnavi level2"><li class="level2 first default">
<a class="level2 first" href="/index.php/inv/potrebitelskoe-kreditovanie"><span class="menu-title">Потребительское кредитование</span></a>
</li>
<li class="level2 default">
<a class="level2" href="/index.php/inv/ipotechnoe-kreditovanie"><span class="menu-title">Ипотечное кредитование</span></a>
</li>
<li class="level2 last default">
<a class="level2 last" href="/index.php/inv/srochnyj-vykup-nedvizhimosti"><span class="menu-title">Срочный выкуп недвижимости</span></a>
</li>
</ul>	 </div>

   </div>
  </div>
  </li>

как скрыть его при наведении?

ul.navi div.mega-content:hover {
position: absolute;
left: -999em;
padding: 0;
margin: 0;
background: #04677F;
display: block;
float: left;
padding: 0 9px 9px 0;
}

однако не работает

[npofopr]

Выкладывайте код на http://jsfiddle.net/ и возможно, в ваших темах будет больше ответов.

[Struggle]

_alvik-samara.ru

Edited August 19, 2013 by Struggle

[npofopr]

Не понимаю сложности...

.level1:hover .level2 {
   display: block;
}

чем не устраивает?

Только для .level2 поставьте display:none; и уберите left:-999px;

[Struggle]

Не понимаю сложности...

.level1:hover .level2 {
display: block;
}

чем не устраивает?

Только для .level2 поставьте display:none; и уберите left:-999px;

Из-за этого коситься выпадающее меню 1 пункта.., там связано всё, не ненавижу jooml`y, больше никак не выкрутиться? кажется мне что идти нужно именно в сторону left :-999em

[npofopr]

Joomla тут совсем не причем.

Посмотрите на реализации горизонтальных выпадающих меню. Прямо так и загуглите. Должны быстро ответ для себя найти.

Много же реализаций таких менюшек.