height virker fint i ff men ikke i IE

hejsa, jeg har lavet et design i ren css med divs.
problemet er i firefox vil den gerne lave height til 100% men i internet explorer går det galdt.

#venstre
{
border-top: 1px solid #000000;
left: 0px;
top: 55px;
height: 100%;
width: 150px;
background-color: #FFC253;
position: absolute;
}
#hojre
{
border-top: 1px solid #000000;
border-left: 1px solid #000000;
left: 87%;
top: 55px;
height: 100%;
width: 150px;
background-color: #FFC253;
position: absolute;
}
#midt
{
border-top: 1px solid #000000;
border-left: 1px solid #000000;
left: 13%;
top: 55px;
height: 100%;
width: 80%;
background-color: #FFF;
position: absolute;
}