请教一个绝对定位兼容性问题，急！

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div id='menu' style='border-width: 0px; width: 1000px; background-repeat: repeat-x; overflow: hidden'>
        <table align="left" cellpadding='0' cellspacing='0' width='1000' border='0'>
            <tr style='background-image: url(../images/lthb/MasterPage/menu_bj.gif); background-repeat: repeat-x; height: 34px;'>
                <td width='10'>
                </td>
                <td style="word-break: keep-all;" onmouseover="setImage(this,'on');" onmouseout="setImage(this,'on');">
                    <div style="border-width: 0px; float: left">
                        <img src="../images/lthb/MasterPage/menu_on_left.gif" /></div>
                    <div style="width: 71px; text-align: center; border-width: 0px; background-image: url(../images/lthb/MasterPage/menu_on_bj.gif);
                        height: 31px; float: left; padding-top: 3px;">
                        <b><a href="Default.aspx?hrefID=0" onclick="SetClickCount('http://localhost/hydgweb/Default.aspx?hrefID=0')">
                            首 页</a></b></div>
                    <div style="border-width: 0px; float: left">
                        <img src="../images/lthb/MasterPage/menu_on_right.gif" /></div>
                </td>
                <td style="word-break: keep-all;" onmouseover="setImage(this,'out');" onmouseout="setImage(this,'out');">
                    <div style="border-width: 0px; float: left">
                        <img src="../images/lthb/MasterPage/menu_out_left.gif" /></div>
                    <div style="width: 71px; text-align: center; border-width: 0px; background-image: url(../images/lthb/MasterPage/menu_out_bj.gif);
                        height: 31px; float: left; padding-top: 3px;">
                        <b><a href="../Map/Default.aspx?hrefID=2" onclick="SetClickCount('http://localhost/Map/Default.aspx?hrefID=2')">
                            地图分析</a></b></div>
                    <div style="border-width: 0px; float: left">
                        <img src="../images/lthb/MasterPage/menu_out_right.gif" /></div>
                    <div style="width: 20px; height: 8px; background-image: url(../images/new.gif); position: absolute;">
                    </div>
                </td>
                <td style="word-break: keep-all;" onmouseover="setImage(this,'out');" onmouseout="setImage(this,'out');">
                    <div style="border-width: 0px; float: left">
                        <img src="../images/lthb/MasterPage/menu_out_left.gif" /></div>
                    <div style="width: 71px; text-align: center; border-width: 0px; background-image: url(../images/lthb/MasterPage/menu_out_bj.gif);
                        height: 31px; float: left; padding-top: 3px;">
                        <b><a href="Product/Main.aspx?hrefID=3" onclick="SetClickCount('http://localhost/hydgweb/Product/Main.aspx?hrefID=3')">
                            数据分析</a></b></div>
                    <div style="border-width: 0px; float: left">
                        <img src="../images/lthb/MasterPage/menu_out_right.gif" /></div>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>各位，请帮忙看一段HTML，这是一个页面菜单，我想在“地图分析”这个菜单里面显示一个new的小图标，我使用了绝对定位，在FireFox下是正常的，但是在IE下，跑到了“数据分析”这个菜单里面了，不知道怎么解决？