DropDown mit Div

[Gawd]

Hallo,

ich wollte ein DropDown (RollDown) verwirklichen (hat aber bisher nicht gefunzt).
Die Idee:

...
<table>
<tr>
<td>
<img src="Bild1.png" onmouseover="showBereich('Bild1Links')/>
</td>
<td>
<img src="Bild2.png" onmouseover="showBereich('Bild2Links')/>
</td>
</tr>
<tr>
<div id="Bild1Links" visibility="hidden">
<table>
<tr onmouseout="hideBereich('Bild1Links')">
<td>
<img src="Bild1Link1.png"/>
</td>
<td>
<img src="Bild1Link2.png"/>
</td>
</tr>
</table>
</tr>
</table>
...

Javascript:
function showBereich(name){
document.getElementById(name).style.visibility = "visible";
}

function hideBereich(name){
document.getElementById(name).style.visibility = "hidden";
}

Wie kann man das machen?

Vielen Dank schonmal im voraus.

Gruß

Gawd