Olaf: CSS Problem mit Positionierung

Beitrag lesen

Hallo zusammen,

ich möchte im rechten oberen Eck einer HTML Seite per Script ein DIV erscheinen lassen, habe aber Probleme mit der Positionierung im Firefox, im IE wird es richtig dargestellt. So sieht die Testseite aus. Die Sktipte funktionieren, habe sie aber wg. Übersichtlichkeit rausgelassen.

<html>
<head>
<title>test</title>
<meta name="author" content="poell.helmut">
<style>
                           #text1 {
                                 position: relative;
                                 FONT: 11px Verdana, Arial, Helvetica, sans-serif;
                                 color: #007FFF; font-weight: normal;
                                 text-decoration: underline;
                                 cursor: pointer; text-align: right;
                           }

#box {
                                  position: absolute;
                                  left: -130px;
                                  top: 20px;
                                  background-color:#efefef;
                                  color:#000000;
                                  width: 150px;
                                  line-height: 20px;
                                  text-align: left;
                                  background: #FFFFFF;
                                  border: 1px solid #CFCFCF;
                                  padding: 10px;
                                  height: 60px;

}
</style>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000">

<div ID="text1">Ankertext
              <div ID="box" name="box" >
                 <div >Deutsch</div>
                 <div >English</div>
              </div>
</div>

</body>
</html>

Hat jemand eine Idee, warum der Firefox sich querlegt?

Vielen Dank für Eure Hilfe.

Grüsse

Olaf