Dropdown menu dosnt disappears when mouse moves off

I have made a dropdown menu with following code:
….

<TABLE BORDER=”0″>

<TD VALIGN=”top” Width=”160″>

<SPAN onMouseOver=”document.all.menu1.style.display =’block'”onMouseOut=”document.all.menu1.style.display = ‘block'”>
<img src=”http://static1.squarespace.com/static/536c9877e4b0e67f79672fa8/t/551276e3e4b01a4db1df8786/1401265033133/Screen+Shot+2014-05-28+at+10.16.57+AM.png?format=300w“; height=”180″ width=”270”> <BR>

</SPAN>

<SPAN ID=”menu1″ onClick=”document.all.menu1.style.display = ‘none'”>

<A HREF=”link”>name</A><BR>
<A HREF=”link”>name</A><BR>
<A HREF=”link”>name</A><BR>
<A HREF=”link”>name</A><BR>
<A HREF=”link”>name</A>

</SPAN>

</TD>
</TABLE>
….

and my css for it is:

#menu1 { display : none }
#menu2 { display : none }
#menu3 { display : none }

A:link {color:black; text-decoration:none}
A:hover {color:blue; text-decoration:underline}
nav a {padding: 20px;}

but the mouse doesnt disappear when I move away from the menu.
Someone that can help?

Also in #CSS _↴