menü problem

Verschachtelte Navigation mit Problemen

HTML

<ul>
    <li>Nav Punkt 1 Ebene 1
        <ul>
            <li>Nav Punkt 1 Ebene 2
                <ul>
                    <li>Nav Punkt 1 Ebene 3</li>
                </ul>
            </li>
            <li>Nav Punkt 2 Ebene 2</li>
            <li>Nav Punkt 3 Ebene 2</li>
        </ul>
    </li>
    <li>Nav Punkt 2 Ebene 1</li>
</ul>

CSS

ul {
    margin:0 0 0 -39px;
}
li {
    list-style:none;
    float:left;
    margin-right:20px;
}
li a {
    color:#b8fcd4;
    text-decoration:none;
}
li a:hover {
    color:#81bb8f;
}
/*2. Layer Main Navigation*/
 ul li ul {
    display:none;
}
ul li:hover ul {
    display:block;
    position:absolute;
    /*background-color:blue;*/
    /*z-index:2000;*/
}
li ul li {
    float:none;
    margin:0;
}
li ul li a {
}
/*3. Layer Main Navigation*/
 ul li ul li ul {
    display:none !important;
}
li ul li:hover ul {
    display:block !important;
    position:absolute;
    width:200px;
    left:170px;
    top:0;
}
li ul li ul li {
    margin:0;
    padding:0 0 0 10px;
}