html-table - 相对于表中哪个父级的绝对位置？（IE6 与 Firefox/Chrome）

Question

我有一段代码可以在 IE6 中执行，但在 Chrome/Firefox 中没有：

在 IE6 中，img 以相对于 td 的绝对位置显示，正如我想要/预期的那样。在 Firefix/Chrome 中，img 相对于外部 div 显示。

<div>
      <table>
            <tr>
                <td class="rel cell">
                    <img src="style/easypos_mobile/icons/pencil.png" class="icon" onclick="_onclick.newArticle_andraNr();"/>
                </td>
            </tr>
     </table>
</div>

.rel
{
    position: relative;
}

.icon
{
    position: absolute;
    top: 3px;
    right: -23px;
}

.cell
{
    width: 186px;
}

Answer 1

找到了这个东西：

规范将它留给用户代理来决定一个表格单元是否
可以充当绝对定位对象的容器。 http://www.w3.org/TR/CSS21/visuren.html#propdef-position （注意 'position:relative' 对 table-row-group、table-header-group、table-footer-group 的影响、table-row、table-column-group、table-column、table-cell 和 table-caption 元素未定义'）。

这修复了它：

<table><tr>
   <td style="position: relative; width: 180px;">
     <div style="position:relative;width:100%;height:100%;">
       <img src="imageA.gif" class="status">
       <img src="imageB.gif" class="status">
     </div>
  </td>
</tr></table>