Проблема перекрывания выпадающим меню основного

[K-451]

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

<style>

.menu>li{

display:inline-block;

width:120px;

top:0;

background:yellow;

z-index:9;

}

.menu>li>ul {

position:absolute;

display:block;

top:-200px;

transition: top .4s ease 0s;

background:green;

width:80px;

z-index:1;

}

.menu>li:hover>ul {

top:30px;

}

</style>

<ul class="menu">

<li>menu1

<ul>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

</ul>

</li>

<li>menu2

<ul>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

</ul>

</li>

<li>menu3

<ul>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

<li>podmenu</li>

</ul>

<ul>

Огромная просьба помочь найти решение.

[afdw]

http://jsfiddle.net/qqaah1d7/
В следующий раз пожалуйста выкладывайте код на http://jsfiddle.net/или хотя бы оборачивайте в [code​][/code​​​​​].

Edited May 5, 2015 by afdw

[Jack_V]

Огромная просьба помочь найти решение.

 

Просто индекс "1" измените на "-1". 

http://jsfiddle.net/qqaah1d7/

В следующий раз пожалуйста выкладывайте код на http://jsfiddle.net/или хотя бы оборачивайте в [code​][/code​​​​​].

 

Не обновил и не увидел ваш ответ)

Edited May 5, 2015 by Jack_V

[afdw]

 

http://jsfiddle.net/qqaah1d7/

В следующий раз пожалуйста выкладывайте код на http://jsfiddle.net/или хотя бы оборачивайте в [code​][/code​​​​​].

 

Не обновил и не увидел ваш ответ)

Очень странно: когда я пишу ответ и появляется новый - у меня сверху появляется зелёная табличка, сообщающая об этом.

---

Кстати, автору топика: так, я считаю, лучше всего.

Edited May 5, 2015 by afdw

[Jack_V]

Очень странно: когда я пишу ответ и появляется новый - у меня сверху появляется зелёная табличка, сообщающая об этом.

 

Не было таблички, а может всего-то открыл пяток постов и отвлекся.

Но не суть, человеку помогли главное)

Edited May 5, 2015 by Jack_V