altezza div 100%

[alelaps]

scusate non capisco l'errore...
ho due div laterali, a cui ho applicato un bordo.
Le due altezze sono 100%, ma un div contiene più pulsanti dell'altra.

FF vede tutto correttamente, con altezze identiche.
IE invece tronca. I due div sono più corti ed hanno altezze diverse.

Ecco il codice CSS

div#navigationR{
    position: absolute;
	left: 84%;
	width:16%;
    top: 170px;
    right: 0;
	height:100%;
	border-color: #115511;
	border-width: 3px;
	border-style: solid;
}


div#navigationL{
    position: absolute;
    top: 170px;
    left: 0;
	right:84%;
    width: 16%;
	height:100%;
	border-color: #BB0000;
	border-width: 3px;
	border-style: solid;
}

[onsitus]

Ciao Ale,

non c'e nessun errore in quel pezzo di codice. Se posta il resto, possibile che l'errore sia altro.

[alelaps]

ok adesso lo posto... ma non c'è un modo di estendere la colonna fino in fondo, anche se la pagina è molto lunga?

questo è l'html riguardo le due barre:

<div id="container">
<div id="header">BUNDESLAPS 2007-08</div>
<div id="navigationR">
<ul id="GreenButton">[*][*][img]immagini/bottoni/bottoneHome.png[/img][*][img]immagini/bottoni/bottoneSquadre.png[/img][*][img]immagini/bottoni/bottoneRegolamentox.png[/img][*][img]immagini/bottoni/bottoneSerieA.png[/img][*][img]immagini/bottoni/bottoneCalendario.png[/img][*][img]immagini/bottoni/bottoneQuotazioni.png[/img][*][img]immagini/bottoni/bottoneContatti.png[/img][*][img]immagini/bottoni/bottoneFormazioni.png[/img][*][img]immagini/bottoni/bottoneRisultati.png[/img][*][img]immagini/bottoni/bottoneClassifiche.png[/img][*][img]immagini/bottoni/bottoneAlbo.png[/img][/list]
</div>
<div id="navigationLBlack">
<ul id="BlackButton">[*][*][img]immagini/bottoni/bottoneRegCampionato.png[/img][*][img]immagini/bottoni/bottoneRegCoppa.png[/img][*][img]immagini/bottoni/bottoneRegMercatox.png[/img][*][img]immagini/bottoni/bottoneRegFormazioni.png[/img][/list]
</div>

[alelaps]

per colonna intendevo il div.... Questo problema vale sia per FF che per IE