DIV样式问题！进来看看撒


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <script type="text/javascript">
       function showdiv2()
       {
            $("#div2").show();
       }
       function hidediv2()
       {
            $("#div2").hide();
       }
       
       function showdiv()
       {
            $("#div2").show();
       }
       function hidediv()
       {
            $("#div2").hide();
       }
       
    </script>
    <div id="div1" onmouseover="showdiv2()" onmouseout="hidediv2()" 
        style="width:108px; height:20px">
        其它各分站点</div>
    <div  id="div2" style="display:none; position:absolute;" onmouseover="showdiv()" onmouseout="hidediv()">
        <table style="border-bottom: 1px solid #E6EAE9; border-left:1px solid #E6EAE9; border-right:1px solid #E6EAE9">
            <tr>
                <td>
                  <a href="#">苏州企业在线</a>  
                </td>
            </tr>
            <tr>
                <td>
                   <a href="#"> 南京企业在线</a>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>本人CSS很烂，求大哥大姐帮忙美化一下