el onmouseover="showdiv();" colócalo donde tienes el mouseout (en el div principal)
<div onmouseout="hidediv();">
<div id="tool" style="z-index: 1; width:177px; height:60px; position:absolute; z-index:1; background-color:#d8a92d; display:none; bottom:60%">contenido a mostrar</div>
<img src="foto.jpg" onmouseover="showdiv();" id="imagen" />
</div>
<div onmouseout="hidediv();" onmouseover="showdiv();" >
<div id="tool" style="z-index: 1; width:177px; height:60px; position:absolute; z-index:1; background-color:#d8a92d; display:none; bottom:60%">contenido a mostrar</div>
<img src="foto.jpg" id="imagen" />
</div>
Tema de jQuery