ul#menu, ul#menu ul {   
    list-style: none;   
    margin: 0;   
    padding: 0;   
}  


ul#menu li {   
    float: left;   
    position: relative;   
    width: 120px;   
}  

ul#menu li ul {
    display: none;
    position: absolute;
    top: 19px; /* yukseklik 15px + sonradan eklenecek paddingler 4px toplam 19px */
    left: 0;
}

ul#menu li > ul {
    top: auto;
    left: auto;
}
ul#menu li a {
    font: 11px verdana, helvetica, sans-serif;
    display: block;

    margin: 0;
    padding: 2px 3px;
    color: #fff;
    background: #333333;
    text-decoration: none;
}

ul#menu li a:hover {
    color: #FFFF00;
    background: #333333;
}
ul#menu li:hover ul {
	display: block;
}
startList = function() {   
    if (document.all&&document.getElementById) {   
        navRoot = document.getElementById("menu");   
        for (i=0; i<navRoot.childNodes.length; i++) {   
            node = navRoot.childNodes[i];   
            if (node.nodeName=="LI") {   
                node.onmouseover=function() {   
                this.className+=" over";   
                }   
                node.onmouseout=function() {   
                this.className=this.className.replace(" over", "");   
                }   
            }   
        }   
    }   
}   
window.onload=startList;   

ul#menu li:hover ul, ul#menu li.over ul{   
    display: block;   
}