Probleme mit Internet Explorer

[jooscher]

Hallo !

Ich erstelle gerade eine Website und habe sie schön auf Firefox optimiert.
Problem nun: Der Internet Explorer interpretiert sowohl die Größe der Boxen, als auch die Position der Boxen falsch. Ich habe im Netz viel über "margin"-interpretationsprobleme gefunden, aber daran könnte / sollte es eigentlich nicht liegen !

So sieht das ganze im Firefox aus:

Und so im IE

Und hier ist der Quelltext des style-sheets:

#page                    {
        width: 1024px;
        height: 768px;
        margin: 0 auto;
        background: #FFFFFF;
}

#navigation              {
                width: 150px;
                height:568px;
                position: relative;
                left: 50px;
                background:#FFFFCC;
                padding-top:200px;
                margin:0;

}

#title                   {
                width: 924px;
                height: 150px;
                position: relative;
                top:-670px;
                left:50px;
                background: #FFFF88;
                margin:0;
}

#title_echo              {
                width: 736px;
                height:50px;
                position:relative;
                left: 238px;
                top:50px;
}

#logo                    {
                width:100px;
                height:100px;
                position:relative;
                top:-690px;
                left:-70px;
}

#content                 {
                width:823px;
                height:567px;
                position:relative;
                top:41px;
                left:-138px;
                margin:0;

}