hice lo que me aconsejaste y sigue haciendo el mismo efecto, se cicla, y aparace y desaparece repetidas veces el div.
<div onmouseover="showdiv();" onmouseout="hidediv();">
<div id="tool" style="z-index: 1; width:177px; height:60px; position:absolute; background-color:#d8a92d; display:none; bottom:60%"></div>
<img src="images/4.jpg" id="imagen" />
</div>
function showdiv() {
$('#tool).slideDown(400);
}
function hidediv() {
$('#tool).fadeOut('slow');
}
asi quedó, le quite el z-index al estilo pensando que eso podia afectar, alguna otra idea?