Ошибка с выпадающим меню

[Евгений_SB]

Ребят есть меню http://jsfiddle.net/ при наведении мыши  на пункт выпадающего меню оно пропадает, никак не пойму где ошибка

 

 

<nav>
        <ul>
            <li><a href="#">link</a>
               <ul>
                   <li><a href="#">linc</a></li>
                   <li><a href="#">linc</a></li>
                   <li><a href="#">linc</a></li>
                   <li><a href="#">linc</a></li>
                   <li><a href="#">linc</a></li>
               </ul>
            </li>
            <li><a href="#">link</a></li>
            <li><a href="#">link</a></li>
            <li><a href="#">link</a></li>
            <li><a href="#">link</a>
              <ul>
                   <li><a href="#">linc</a></li>
                   <li><a href="#">linc</a></li>
                   <li><a href="#">linc</a></li>
                   <li><a href="#">linc</a></li>
                   <li><a href="#">linc</a></li>
               </ul>
            </li>
            <li><a href="#">link</a></li>
            <li><a href="#">link</a></li>
        </ul>
    </nav>

 

 

 

* {
    margin:0px;
    padding: 0px;
}
nav {
    background: #eee;
    margin: 20px;
}

nav ul{
    list-style: none;
    position: absolute;

}

nav ul ul {
    display: none;
}
nav ul li:hover>ul{
    display:block;
    width: 110px;
    height: 40px;
}
nav ul li {
    background: #0086cf;
    display: inline-block;
    width: 110px;
    height: 40px;
    margin-top: 10px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    border:1px solid #04537f;
}
nav ul li a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: 14px Tahoma;
    color: #fff;
}

Edited November 29, 2013 by Евгений_SB

[mrnobody]

Из за верхнего маржина в 10px, примененного для ul

http://jsfiddle.net/mrnobody/Tc3yM/

[Евгений_SB]

Из за верхнего маржина в 10px, примененного для ul

http://jsfiddle.net/mrnobody/Tc3yM/

спасибо большое )))