帮看看DIV弹出窗口的问题

<center>
<script>
function Workhide_Com(sname){
if(sname.style.display=='none'){sname.style.display='';}else{sname.style.display='none';
}
}function hide(sname)
{
sname.style.display='none';
}
</script>
<table width="200" border="1">
  <tr>
    <td><div onMouseOver="Workhide_Com(Workhide_Conent)" onMouseOut="hide(Workhide_Conent)">show it
      <div id="Workhide_Conent" style="display:none;border:1px solid black;width:300px;height:100px; position:absolute; background-color:#FFFFFF">
       
<style>
a:link,a:visited{ text-decoration: none; color: #ddff11 }
a:hover{ text-decoration: underline ; color: #11ef11}
a.w:link,a.w:visited{ text-decoration: none; color: #fa0011 }
a.w:hover{ text-decoration: underline ; color: #11adef}
</style>
        <a href="http://www.yahoo.com/">我很丑,但我很温柔!</a> <a class="w" href="http://www.excite.com/">醒来后我依然是我！！</a><br/>
        <a href="http://www.yahoo.com/">我很丑,但我很温柔!</a> <a class="w" href="http://www.excite.com/">醒来后我依然是我！！</a><br/>
        <a href="http://www.yahoo.com/">我很丑,但我很温柔!</a> <a class="w" href="http://www.excite.com/">醒来后我依然是我！！</a><br/>
      </div></div> </td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>