一个层的相对定位问题

如题,想做一个简单的下拉菜单
所以想用到层的相对定位,但加入的层为什么总会撑破表格呢?
设置了Z-index也不关用
求助大家了路过的大虾帮帮忙

相关代码:

<table width="690" border="0" cellspacing="0" cellpadding="0" style="table-layout:fixed;" height="50">
<tr>
<td height="50" bgcolor="#FF99FF">
<div style="z-index:1;width:100px;height:100px; background-color:#9933FF; position:relative; left:10px; top:10px;"></div>
</td>
</tr>
</table>