Problem bei auto height für 3 Div's

[Fragipani]

Ich dachte an so etwas:

div#div1 {
 float:right;
 height:80%;
 background-color:#ff0000;
}
div#div2 {
 height:80%;
 background-color:#00ff00;
}
div#div3 {
 clear:both;
 height:20%;
 background-color:#0000ff;
}

<div id="wrapper">
  <div id="div1">
    Langer Textt
  </div>
  <div id="div2">
    kurzer text
  </div>
  <div id="div3">
    div3
  </div>
</div>