Unterschiede padding IE, Mozilla Safari

[steve_urkel]

Hallo,

ich habe da ein Problem mit der Positionierun von div Container. Bei Opera, Mozilla und Safari passt es ganz genau, nur dieser Sch... IE will net so richtig.

Ich habe einen Container links positioniert als Menü und rechts davon kommen dann die Inhaltsordner rein. Mein Problem ist nun, ausser bei IE sind die Container auf der gleichen Höhe sprich haben den gleichen Abstand von oben. Beim IE allerdings fangen die rechten Container weiter unten an und ich habe keine Ahnung wie ich das ändern kann.

Hier mal mein CSS:

  
body {  
 font: 12px Arial;  
}  
  
  
#left {  
 background: #CCCFFF;  
 padding: 0;  
 border: 1px solid #09f;  
 margin: 10px;  
 width: 225px;  
 position: absolute;  
 top: 0px;  
 left: 0px;  
 float: right;  
   }  
  
#field1 {  
 background-color: #FFFFE1;  
 padding: 5px;  
 border: 1px solid #09f;  
 margin: 10px 10px 10px 247px;  
 width: 600px;  
  
}  
#field1 h1 {  
 font: bold 12px Arial, Helvetica, sans-serif;  
 margin-top: 2px;  
 margin-bottom: 2px;  
}  
#field1 h2 {  
 margin-left: 10px;  
 margin-top: 2px;  
 margin-bottom: 2px;  
 text-decoration: underline;  
 font: normal 12px Arial, Helvetica, sans-serif;  
 color: Olive;  
}  
#field1 h3 {  
 margin-left: 15px;  
 margin-top: 0;  
 margin-bottom: 5px;  
 font: normal 12px Arial, Helvetica, sans-serif;  
}  
  
#field2 {  
 background-color: #F0F1FF;  
 padding: 5px;  
 border: 1px solid #09f;  
 margin: 10px 10px 10px 247px;  
 width: 600px;  
}  
#field2 h1 {  
 font: bold 12px Arial, Helvetica, sans-serif;  
 margin-top: 2px;  
 margin-bottom: 2px;  
}  
  
#field2 h2 {  
 margin-left: 10px;  
 margin-top: 2px;  
 margin-bottom: 2px;  
 text-decoration: underline;  
 font: normal 12px Arial, Helvetica, sans-serif;  
 color: #3300FF;  
}  
#field2 h3 {  
 margin-left: 15px;  
 margin-top: 0;  
 margin-bottom: 5px;  
 font: normal 12px Arial, Helvetica, sans-serif;  
}  

Habt ihr vielleicht eine Idee, hatte das Problem nun schon ein paar mal.

Danke