[css] wielkość div'a, pozycjonowanie. Opcje

[gebp]

Witam. nie będę się rozpisywał. Próbuję ustawić 3 div'y w klasyczny sposób: góra (logo, reklama ect) lewo (linki) prawo (treść).

style.css

[HTML] pobierz, plaintext 
DIV#gora
{border: 0px; 
 background-color: #8080ff;
 padding: 0px;
 height: 20%;
 width: 100%;
 position: absolute; top:0px; left:0px; right:0px;
}	
DIV#linki
{border: 0px;
 background-color: #00ffff;
 padding: 4px;
 height: 80%;
 width: 20%;
position: absolute; top:20%; left:0px; 
}
DIV#tresc
{border: 0px;
 background-color:#ffff80;
 padding: 4px;
 height: 80%;
 width: 80%;
 position: absolute; top:20%; left:20%;
}
[HTML] pobierz, plaintext 

Po części odniosłem sukces ale:
1. w FF div'y rozjeżdżają się poza okno tak w dół jak i w prawo (przez div'a tresc). Dlaczego ?
2. W IE to już zupełna klęska. O dziwo tu strona trzyma się w "ramach" ale znowu miedzy linki a tresc występuje przerwa i po prawej stronie jest od góry do dołu jest biały pasek. Dlaczego ?

Dopiero zaczynam css i nie zabardzo wszystko pojmuje. Niech ktoś rzuci na to wytrawnym okiem i podsunie jakieś rozwiązanie.

A tak BTW. Czy zawsze są takie różnice między FF i IE? Z ramkami nie ma takich problemów.

[snipe]

Używaj float do ustawiania wzgledem siebie odpowiednich blokow ;-) nie wiem jak wygladac bedzie to pod IE ale znajac zycie pewnie nie najlepiej

Kod

body {
margin: 0 0;
}
DIV#gora
{border: 0px;
background-color: #8080ff;
padding: 0px;
height: 20%;
width: 100%;
}

DIV#linki
{
border: 0px;
background-color: #00ffff;
padding: 4px;
height: 80%;
width: 20%;
float: left;
}

DIV#tresc
{
border: 0px;
background-color:#ffff80;
padding: 4px;
height: 80%;
width: 75%;
float: right;
}