ChromeとIEでは絶対配置が正常に動作しますが、FFでは表示されません

Question

テーブルセル内のdivの位置を絶対位置に設定しようとしていますが、ChromeとIEではうまく機能しますFFでは、まるでそれが体全体に絶対的に配置されているかのように見えます。

セルの左上に表示するようにdivを設定しようとしています（コードは別の要素を配置するために使用されていますが、セルの右上に配置する必要があります）。しかし、FFでは、divは画面全体の左上に表示され、div要素は画面全体の右上に表示されます。

<TD ID="EVENT" style="position:relative;"> 
<a href="#" id="Menu" style="position:absolute;top:0;right:0;"></a> 
    <div id="detail" style="position:absolute;top:0;left:0;width:100%;z-index:10;"> 
    content 
</div> 
</TD> 

Answer 1

私は、この問題に関連しているかどうかわからないんだけど、あなたは表のセル内の引用符が欠落している：ここで

は、関連するコードです

<TD ID="EVENT style="position:relative;"> 

べき読む：

<TD ID="EVENT" style="position:relative;"> 

このようなことは過去に私にとって問題を引き起こしましたが、他のブラウザで問題が発生していない可能性があります。

EDIT：表のセル内のコンテナdivを使用してみてください。

<TD ID="EVENT"> 

     <div id="container" style="position:relative;"> 

     <a href="#" id="Menu" style="position:absolute;top:0;right:0;"></a> 
     <div id="detail" style="position:absolute;top:0;left:0;width:100%;z-index:10;"> 
     content 
     </div> 

     </div> 

    </TD>