我将如何添加第二列到此下拉菜单？

我使用的是图片而不是文字。我知道我的表格和图像中有大小错误的表格，但这只是目前的测试。如果你能想到其他的东西来改善这个菜单，请让我知道。我几乎不知道编码的任何内容，并没有做到这一点。

如果你看到任何谷歌可能不满意，请让我知道。那里面有一个隐藏的价值，我不知道也没关系与SEO，因为我不知道如何隐藏的价值功能

<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="Thumbs/plus.png" width="60" height="60"><br /> 
       <table class="menu" id="Graphic Design" width="60"> 
        <tr> 
         <td class="menu"><a href="www.techagesite.com/meboy.htm"> 
         <img src="thumbs/angry-birds-iphone-4-wallpaper-mobile-05_small.jpg" width="100" height="150"> 
         </td> 
        </tr> 
        <tr> 
         <td class="menu"><a href="www.techagesite.com/meboy.htm"> 
         <img src="thumbs/angry-birds-iphone-4-wallpaper-mobile-05_small.jpg" width="100" height="150"> 
         </td> 
        </tr> 
       </table> 
      </td> 
      </td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
</table>

来源

2013-03-26 Techagesite