<style type="text/css">
<!--
td.nav {visibility:hidden;}
--> </style> <div style="overflow: auto; width: 185px; position: absolute; top: 235px; left: 5px">
<script type="text/javascript" language="javascript" src="http://catlaksite.iwoly.com/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
$("#firstpane p.menu_head").click(function()
{
$(this).css({backgroundImage:"url(http://img.webme.com/pic/c/catlak-site55/down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
$(this).siblings().css({backgroundImage:"url(left.png)"});
});
//slides the element with class "menu_body" when mouse is over the paragraph
$("#secondpane p.menu_head").mouseover(function()
{
$(this).css({backgroundImage:"url(http://img.webme.com/pic/c/catlak-site55/down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
$(this).siblings().css({backgroundImage:"url(http://img.webme.com/pic/c/catlak-site55/left.png)"});
});
});
</script>
<div class="menu_list" id="secondpane"> <!--Code for menu starts here-->
<p class="menu_head">MENU ADI</p>
<div class="menu_body">
<a href="LİNK">Buraya Sayfa Adi</a>
<a href="LİNK">Buraya Sayfa Adi</a>
<a href="LİNK">Buraya Sayfa Adi</a>
</div>
<p class="menu_head">MENU ADI</p>
<div class="menu_body">
<a href="LİNK">Buraya Sayfa Adi</a>
<a href="LİNK">Buraya Sayfa Adi</a>
<a href="LİNK">Buraya Sayfa Adi</a>
</div><p class="menu_head">MENU ADI</p>
<div class="menu_body">
<a href="LİNK">Buraya Sayfa Adi</a>
<a href="LİNK">Buraya Sayfa Adi</a>
<a href="LİNK">Buraya Sayfa Adi</a>
</div>
<p class="menu_head">MENU ADI</p>
<div class="menu_body">
<a href="LİNK">Buraya Sayfa Adi</a>
<a href="LİNK">Buraya Sayfa Adi</a>
<a href="LİNK">Buraya Sayfa Adi</a>
</div>
</div>
</div>
<style type="text/css">
body {
margin: 10px auto;
font: 75%/120% Verdana,Arial, Helvetica, sans-serif;
}
.menu_list {
width: 180px;
}
.menu_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
margin:1px;
font-weight:bold;
background: #eef4d3 url(http://img.webme.com/pic/c/catlak-site55/left.png) center right no-repeat;
}
.menu_body {
display:none;
}
.menu_body a{
display:block;
color:#006699;
background-color:#EFEFEF;
padding-left:10px;
font-weight:bold;
text-decoration:none;
}
.menu_body a:hover{
color: #000000;
text-decoration:underline;
}
</style></div>
sonra kodu nereye koyucaksan koy kaydet bitti ama bence bir css tasarım kullanmalısın daha hoş olur 
