Höhe eines divs

[Oliver]

Hallo ihr lieben,

ich wünsche Euch allen erstmal einen schönen guten Tag.
So, meine Frage.

Ich habe vor ein Layout in css umzusetzten. Dabei habe ich im Moment ein kleines Problem.
Ich möchte rechts von meinem Inhalt eine Navigationsleiste platzieren. Diese soll im Falle der Inhalt ist länger als die Navigationsleiste immer gleich lang/hoch sein.

Wie kann ich das realisieren?
Mein Code sieht derzeit so aus:

html...
...
<div id="header">dddddd</div>
<div id="container">
    <div id="content">weewwe</div>
    <div id="sidebar">wewe</div>
    <div class="clear"></div>
</div>
...

das css dazu...
body{
 margin:0; padding:0;
 font-size:100.01%;
 }
div#header{
 height:150px;
 background:#878787;
 }
div#container{
 margin:0 auto;
 width:50em;
 background:#CCFF66;
 }
div#content{
 margin:1em 0 0 0;
 width:37em;
 background:#0000FF;
 }
div#sidebar{
 margin:-3em 0 0 37em;
 background:#000000;
 vertical-align:bottom;
 }
.clear{
 clear:both;
 }

Ist das überhaupt möglich?

Vielen Dank für konstruktive hinweise die zur Lösung meines Problemes führen.

MfG
Oliver