html - 2つのdivを3つ目のdivの内側に上揃えするにはどうすればよいですか？

Question

メニューとして左div、コンテンツとして右divが必要です。
私はこの投稿から受け入れられた答えを採用しようとしています：
CSS：別のdiv内に2つのフローティングdivを取得する方法

#container {width:900px;}
#left {
    width: 150px;
    float: left;
}
#right {
    width: 500px;    
    margin-left: 170px;
}
.clearBoth{clear:both;}

HTML

<div id="container">
<div id="left">leftMenu</div>
<div id="right">rightContent</div>
<div class="clearBoth"></div>
</div>

左と#rightは上揃えにする必要がありますが、＃rightは#leftの下にあります。

Answer 1

右のdivにもフロートを与えてみましたか？

#right {
width: 500px;    
margin-left: 170px;
float: left;
}

それが機能することを示すjsfiddle:)

http://jsfiddle.net/LtUzc/

Answer 2

これを試してみてください

#container {width:900px;}
#left {
    width: 500px;
    float: left;
}
#right {
    width: 500px;    

float: left;

}
.clearBoth{clear:both;}    

<div id="container">
<div id="left">leftMenu</div>
<div class="clearBoth"></div>
<div id="right">rightContent</div>

</div>