Absolute Positionierung funktioniert gut in Chrome und IE, es ist nicht in FF

Question

Ich versuche, die Position eines div innerhalb einer Tabelle Zelle (mit einer relativen Position) auf absolut und es funktioniert gut in Chrome und IE, aber in FF scheint es, als ob es absolut in Bezug auf den ganzen Körper positioniert ist.

Ich versuche, meine Div in der oberen linken Ecke der Zelle anzuzeigen (der Link wird nur verwendet, um ein anderes Element in meinem Code zu positionieren, aber das sollte in der oberen rechten Ecke der Zelle positioniert werden). In FF wird das div jedoch oben links auf dem gesamten Bildschirm und der Link (Element positioniert durch) oben rechts auf dem gesamten Bildschirm angezeigt.

Hier ist der entsprechende Code:

<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

Ich bin nicht sicher, ob dies für das Problem relevant ist, aber Sie sind ein Anführungszeichen in Ihrer Tabellenzelle fehlt:

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

Sollte lesen:

Diese Art von Sache hat Probleme für mich in der Vergangenheit verursacht, obwohl wenn es in anderen ok ist Browser vielleicht das verursacht das Problem nicht.

EDIT: Versuchen Sie es mit einem Container Div in der Tabellenzelle.

<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>