html - 2 つの div を並べて配置し、1 つを伸ばしてスペースを占有する

Question

以下のレイアウトをdivで実現しようとしています。私の現在のコードはうまくいきません。どうすればできますか？

ありがとう

現在のコード: jsfiddle

私のコードの実際の項目は次のとおりです。

#body_block
{
    background-color: #B8B8B8;
}
#body
{
    background-color: #BFBFBF;
}
#body_left
{
    float: left;
    margin-right: 50px;
    background-color: #FFE0F8;
}
#body_right
{
    background-color: #E1FFE0;
}