Üst menü kodu (soru)

<style type="text/css">
body{
   margin:0;
   padding:0;
}
ul#menu, ul#menu ul{
  padding: 0;
  margin: 0;
  list-style: none;
  }
 
ul#menu li {
   float: left;
   position: relative;
   width: GENİŞLİK; 50
}

ul#menu li ul {
   display: none;
   position: absolute;
}

ul#menu li > ul {
top: auto;
left: auto;
}

ul#menu li a {
font: bold 11px verdana, arial, helvetica, sans-serif; <!-- FONT ÖZELLİKLERİ -->
display: block;
margin: 0;
padding: 0px 0px;
height: YÜKSEKLİK; 190
width: GENİŞLİK; 50
color: #RENK; a3a3a3
background-image: url(http://img.webme.com/pic/t/teablog/once.jpg);
text-decoration: none;
text-align: center;
text-valign: bottom;
}

ul#menu li a:hover {
color: #RENK;
text-align: center;
text-valign: bottom;
background-image: url(http://img.webme.com/pic/t/teablog/sonra.jpg);
}

ul#menu li:hover ul, ul#menu li.over ul {
   display: block;
}
   
</style>  <script type="text/javascript">
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;

</script>
<ul id="menu">
    <li><a href="http://teablog.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li>
        <li><a href="http://teablog.tr.gg/Payla%26%23351%3B%26%23305%3Bmlar-.htm">paylasımlar</a></li>        <li><a href="http://teablog.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">iletisim</a></li>
       <li><a href="http://teablog.tr.gg/Umut-Ya%26%23287%3B%26%23305%3Bz.htm">Umut Yagiz</a>
    <ul>
        <li><a href="http://teablog.tr.gg/Blog.htm">Blog</a></li>
        <li><a href="http://teablog.tr.gg/Video%2C.htm">Video</a></li>
    <ul>   
    <li><a href="http://teablog.tr.gg/Helldragon.htm">Helldragon</a>
    <ul>
        <li><a href="http://teablog.tr.gg/Blog-.-.htm">Blog</a></li>
        <li><a href="http://teablog.tr.gg/Video-.-.htm">Video</a></li>
    </ul>
    </li>

<!---Kodbanks.tr.gg ust yatay menu basla--->
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#vdividermenu ul{
margin: 0;
padding: 0;
margin-bottom: 1em;
float: left;
font: bold 100% Tohoma;
width: 100%;
border: 1px solid #625e00;
background-color: #f9ff91;
}
* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}
#vdividermenu ul li{
display: inline;
}
#vdividermenu ul li a{
float: left;
color: black;
padding: 2px 12px;
text-decoration: none;
background: transparent url(http://www.dynamicdrive.com/cssexamples/media/vertical.gif) center right no-repeat;
}
#vdividermenu ul li a:visited{
color: black;
}
#vdividermenu ul li a:hover{
color: black;
background-color: #ffe84f;
}
</style>
<div id="vdividermenu">
<ul>
<li><a href="ADRES" _fcksavedurl="ADRES" title="Home">Link adı</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES" title="CSS Examples">Link adı</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES" title="New">Link adı</a></li>
<li id="current"><a href="ADRES" _fcksavedurl="ADRES" title="Revised">Link adı</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES" title="Tools">Link adı</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES" title="DHTML Forums">Link adı</a></li>
</ul>
</div><!---Kodbanks.tr.gg ust yatay menu bitir--->