IE - Firefox unterschiedliche Darstellung

[Haymaker]

Ich bin beinahe am Durchdrehen.

Ich versuch ne simple Seite für nen Freund zu machen.
Das Layout mach ich mit Div-Tags.

Das soll so aussehen (Firefox machts gut):
http://home.foni.net/~hebran/muell/prob1.gif

IE, das Mistding macht daraus das(Markiert wg. Leerzeile oder ähnliches):
http://home.foni.net/~hebran/muell/prob2.gif

Da verschwindet der Zwischenraum einfach.

Beim Bottom ist noch schlimmer, da will Ie nicht scrollen,
bzw er scrollt nurn bisschen...

Hier mal meine Einträge in der STYLES Datei:

body
{
margin:0px;
padding:0px;
font-family:arial;
color:#004080;
background-color:#D7D7D7;
}

img { border:none; }

a:active  { text-decoration:none; color: #004080;}
a:link   { text-decoration:none; color: #004080;}
a:visited  { text-decoration:none; color: #004080;}
a:hover   { text-decoration:none; color: #004080;}
a:active  { text-decoration:none; color: #004080;}
a:focus   { text-decoration:none; color: #004080;}

.box1
{
position: absolute;
background-color: #FFFFFF;
top: 5px;
left: 5px;
width : 980px;
height : 34px;

font-size: 18px;
vertical-align: middle;

border-style: solid;
border-width: 1px;
border-color: #7A7A7A;
padding: 5px;
}

.box2
{
position: absolute;
background-color: #004080;
color: #EC7600;
top: 54px;
left: 5px;
width : 988px;
height : 25px;

font-size: 12px;
text-align: right;
vertical-align: middle;

border-style: solid;
border-width: 1px;
border-color: #7A7A7A;
padding: 1px;
}

.box3
{
position: absolute;
background-color: #FFFFFF;
top: 86px;
left: 5px;
width : 160px;
height : 500px;

border-style: solid;
border-width: 1px;
border-color: #7A7A7A;
padding: 5px;
}

.box4
{
position: relative;
background-color: #FFFFFF;
top: 86px;
left: 180px;
width: 805px;
height: 500px;

border-style: solid;
border-width: 1px;
border-color: #7A7A7A;
padding: 5px;
}