here is a thread that
might interset you ...
http://www.codingforums.com/showthread.php?t=284872
here is what i did to
coothead's css ...
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>get your tools here...</title>
<style type="text/css">
#tools {
position:absolute;
cursor:pointer;
overflow:hidden;
background:white;
margin:0;padding:0;
}
#tools ul {
display:none;
margin:0;padding:0;
background:white;
}
#tools:hover ul {
display:block;
}
</style>
</head>
<body>
<div id="tools">about us
<ul id="ultools">
<li><a href="about_us/link1.html">link1</a></li>
<li><a href="about_us/link1.html">link1</a></li>
<li><a href="about_us/link1.html">link1</a></li>
<li><a href="about_us/link1.html">link1</a></li>
<li><a href="about_us/link1.html">link1</a></li>
<li><a href="about_us/link1.html">link1</a></li>
<li><a href="about_us/link1.html">link1</a></li>
<li><a href="about_us/link1.html">link1</a></li>
<li><a href="about_us/link1.html">link1</a></li>
</ul>
</div><div>about us</div>
<div>hiya<div>
<script>
toh = tools.offsetHeight;
function toolsmouseover(){
tools.onmouseover=null;
tools.style.height=toh + "px";
setTimeout(toolsAnimate,0);
}
function toolsAnimate(){
tools.style.height=tools.offsetHeight + tools.offsetHeight/10 + "px";
if(tools.offsetHeight - toh < ultools.offsetHeight)
setTimeout(toolsAnimate,30);
else
tools.style.height = null;
}
tools.onmouseover=toolsmouseover;
tools.onmouseout=function(){
setTimeout('if(!ultools.offsetHeight)tools.onmouseover=toolsmouseover',0);
}
</script>
</body>
</html>