Já sei que tem que usar div.
http://www.mxstudio.com.br
Fiz esse código mas tem algumas coisas que ainda não funciona
<a href="#" onMouseOut="diminuir('menu');" onMouseOver="almentar('menu');">Teste</a>
<div id="menu" style="width:300px; height:0px; maxheight:100; overflow-x:hidden; overflow-y:hidden; position:absolute; z-index:1; left: 10; top: 35; background-color: #FF0000;"></div>
<script>
function almentar(elemento) {
var tamanho = 1;
var i = 0;
var height = Number(document.getElementById(elemento).style.height.split("px")[document.getElementById(elemento).style.height.split("px").length - 2]);
var maxheight = Number(document.getElementById(elemento).style.maxheight);
if (height <= maxheight) {
document.getElementById(elemento).style.height = height + tamanho;
i = 1;
}
if (i == 1) {
setTimeout("almentar('"+elemento+"');",1);
}
}
function diminuir(elemento) {
var tamanho = 1;
var i = 0;
var height = Number(document.getElementById(elemento).style.height.split("px")[document.getElementById(elemento).style.height.split("px").length - 2]);
if (height == 0) {
document.getElementById(elemento).style.height = 0;
} else {
document.getElementById(elemento).style.height = height - tamanho;
i = 1;
}
if (i == 1) {
setTimeout("diminuir('"+elemento+"');",1);
}
}
</script>
