Как достучатся к менюшке?

Question

[Max]

Здравсвуйте помогите разобратся, возможно у меня просто не правильная логика.

Есть трехярусное меню. Но третье не хочет открыватся, хотя как мне кажется, должно.

<ul class="main_menu"> <!-- GLAVNOE BOLshoe menu  -->
								<li class="openSecMenu"> <!-- Pervui punkt menu -->
									<a href=""> Акссесуары</a>	
									<div class="podlozka">
										<img class="fonCats" src="img/2.png" alt="">								
										<ul class="second_menu"> <!--Pervoe dopolnitelnoe menu-->
										   <div class="CategoryName">Акссесуары:</div><!-- Имя категории -->
											<li>
												<a href="">
													Для дома и интерьера <!-- Pynkt pervogo dopolnitelnogo menu-->
													<ul class="third_menu"><!--Wtoroe dopolnitelnoe menu-->
														<li class="openThirdMenu"><a href="">Трататата</a></li> <!--Pynktu vtorogo dopolnitelnogo menu-->
														<li><a href=""></a></li>
														<li><a href=""></a></li>
													</ul>
												</a>
											</li>
											<li>
												<a href="">
													Для дома и интерьера
													<ul class="third_menu">
														<li><a href=""></a></li>
														<li><a href=""></a></li>
														<li><a href=""></a></li>
													</ul>
												</a>
											</li>
											<li>
												<a href="">
													Для дома и интерьера
													<ul class="third_menu">
														<li><a href=""></a></li>
														<li><a href=""></a></li>
														<li><a href=""></a></li>
													</ul>
												</a>
											</li>
										</ul>
									</div>
								</li>

В css поцес написан довольно просто, но третье меню не срабатывает.

li.openSecMenu:hover .second_menu {
    width: 248px;
    height: auto;
    background-color: #fff;
    display: block;
    margin-left: -1px;
    margin-top: -839px;
    border: 1px solid #a6a6a6;
}
li.openThirdMenu:hover .third_menu {
    width: 248px;
    height: 100%;
    background-color: #fff;
    display: block;
    margin-left: -1px;
    margin-top: -839px;
}

Офтоп... Простите за говно код. Никак не могу отойти от отрицательных маржинов..

Answer 1

[Дмитрий Антонов]

Вообще не нравится что ты пихаешь в список в тэг a, ну это не критично. Если скинешь весь css меню то исправлю как должно быть. а так пример как меню реализованн 3 ярус jsfiddle.net/8xr5rLgq

Comments

[Max]

Спасибо!
Кода многовато) jsfiddle.net/k4cb59zb/2

Answer 2

[Алексей Зуев]

<ul class="third_menu"><!--Wtoroe dopolnitelnoe menu-->
     <li class="openThirdMenu">

И ваш стиль
li.openThirdMenu:hover .third_menu

Мне одному кажется, что иерархия нарушена?

Пример

Comments

[Max]

Спасибо)

Answer 3

[Tlito]

www.youtube.com/watch?v=rP-Ls7hUBbs

Comments

[gera7]

Шедевр! Лучше 1000 слов=)