<img id='imgT' src="...">

<div id="divL"></div>
<div id="divR"></div> 

CSS

body{
    max-width:1024px;
}
#imgT{
    width:100%;
    border:thin solid blue;
    display:block;
}
#divL{
    width:20%;
    height:100px;  // I need 100%
    background:#008080;
    float:left;
}
#divR{
    width:80%;
    height:100px;  // I need 100%
    background:blue;
    float:left;
}

Geige istHier

Wie kann ich also die Höhe der beiden Divs auf 100 Prozent einstellen, d. H. Vom unteren Bildrand bis zum unteren Seitenrand?