mrb ie ve ff a uyumlu bir ust menu acılır kapanır
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script language="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>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Başlıksız Belge</title>
<style type="text/css">
<!--
body { margin 0px 0px 0px 0px;}
ul#menu, ul#menu ul{ list-style:none; margin:0; padding:0; text-align:center;}
ul#menu li{ float:left; position:relative; width:150px;}
ul#menu li ul{ display:none;}
ul#menu li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; display:block; border-width:1px; border-style:solid; margin:0px; padding: 2px 0px; border-color:#000099; color:#000000; background-color:#CCCCCC; text-decoration:none;}
ul#menu li a:hover{ color:a00; background-color: #FFFFFF;}
ul#menu li:hover ul, ul#menu li.over ul{ display:block;}
-->
</style>
</head>
<body>
<ul id="menu">
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Dosyalar</a>
<ul>
<li><a href="#">Dosyalar1</a></li>
<li><a href="#">Dosyalar2</a></li>
<li><a href="#">Dosyalar3</a></li>
</ul>
</li>
<li><a href="#">Resimler</a>
<ul>
<li><a href="#">Manzara</a></li>
<li><a href="#">Araba</a></li>
<li><a href="#">Çocuk</a></li>
</ul>
</li>
</ul>
</body>
</html>