Layout im Firefox verschoben

[Nicole]

Hi Leute,
habe ein merkwürdiges Problem. Bei meinem Firefox zu Hause sehe ich meine Tagebuchseite ganz normal. Hier bei meinem Freund ist alles verschoben und man sieht den Inhalt gar nicht. Ich hänge mal mein css an. Evtl. findet ja jemand den Knackpunkt?

Hier der Link zur Seite:
http://www.lunaticsol.de/tagebuch.htm

Danke schonmal!
Ps. der IE zeigt es auch ganz normal an...

  
/* CSS Document */  
  
   body {  
  
 margin-top: 0;  
 margin-left: 0;  
 text-align: left ;  
 background: #d3d9d5 url(hg/roterstreifen.jpg) repeat-y;  
 font-size: 100.01%;  
    font-family: Verdana,Arial,sans-serif;  
}  
  
  
  
  /* Inhalt */  
  
  div#content {  
    position:absolute; top:50px; left:305px;  
 text-align: left;  
 font-size: 100%;  
 width: 450px;  
 padding-bottom: 50px;  
  }  
  
    div#content p {  
 line-height: 17px;  
 font-size: 80%;  
 color: #100206;  
 text-align: left;  
 margin-top: 10px;  
  }  
      div#content table {  
 line-height: 17px;  
 font-size: 80%;  
 color: #100206;  
 text-align: left;  
  }  
  
div#content a{  
 text-decoration: none;  
 }  
  
div#content a:link, div#content a:visited{  
    color: #932445;  
 }  
  
div#content a:hover, div#content a:active{  
    color: #2a0c15;  
 }  
  
   div#blog {  
 text-align: left;  
 font-size: 100%;  
 width: 450px;  
 padding-bottom: 50px;  
 background-color: #d4cac8;  
 border: 1px solid #e1d7d5;  
 padding: 20px;  
  }  
  
  
.rosarand {  
 border: 10px solid #e1d7d5;  
  }  
  
  div#hinweis {  
 position:absolute; bottom:10px;  
 text-align: left;  
 font-size: 70%;  
 width: 100%;  
 color: #827471;  
  }  
  
  span {  
 font-weight: bold;  
 font-size: 100%;  
  }  
  
  /* Menu */  
  
  div#streifen {  
  height: 800px;  
 width: 180px;  
 position:absolute;  
 top:0px;  
 left:820px;  
 text-align: left;  
  
  }  
  
  div#menu {  
  
 width: 180px;  
 text-align: left;  
 position:absolute;  
 bottom:30px;  
 left: 0px;  
  }