How would i add a second column to this drop down menu?

[joachim24]

How would i add a second column to this drop down menu?As you can see im using images instead of text. i know ive got tables in tables and images that are the wrong size etc but its just a test atm. if you can think of anything else to improve this menu please let me know. i hardly know anything about coding and didnt make this btwif you see anything google may not be happy with with this than please let me know aswell. theres a hidden value in there and im not sure if thats ok with seo because i dont understand how that hidden value functions\[code\]<style> table.menu { font-size:100%; position:absolute; visibility:hidden; }</style><script type="text/javascript"> function showmenu(elmnt) { document.getElementById(elmnt).style.visibility="visible"; } function hidemenu(elmnt) { document.getElementById(elmnt).style.visibility="hidden"; }</script><table border="1" cellspacing="1" width="60" height="60"> <tr> <td width="60" height="60"> <table width="60" height="60"> <tr bgcolor="#FFFFFF"> <td onmouseover="showmenu('Graphic Design')" onmouseout="hidemenu('Graphic Design')"> <img src="http://stackoverflow.com/questions/15629124/Thumbs/plus.png" width="60" height="60"><br /> <table class="menu" id="Graphic Design" width="60"> <tr> <td class="menu"><a href="http://stackoverflow.com/questions/15629124/www.techagesite.com/meboy.htm"> <img src="http://stackoverflow.com/questions/15629124/thumbs/angry-birds-iphone-4-wallpaper-mobile-05_small.jpg" width="100" height="150"> </td> </tr> <tr> <td class="menu"><a href="http://stackoverflow.com/questions/15629124/www.techagesite.com/meboy.htm"> <img src="http://stackoverflow.com/questions/15629124/thumbs/angry-birds-iphone-4-wallpaper-mobile-05_small.jpg" width="100" height="150"> </td> </tr> </table> </td> </td> </tr> </table> </td> </tr></table> \[/code\]