#contents {
width: 800px;
background: url(../image/bg.gif) repeat-y;
clear: both;
}
#contents_left {
width: 590px;
float: left;
}
#contents_right {
width: 210px;
float: right;
}
<div id="contents">
<div id="contents_left">内容</div>
<div id="contents_right">内容</div>
</div>
floatした要素の高さは親要素では考慮しないのがCSSの正しい解釈になります
http://www.mozilla.gr.jp/standards/webtips0021.html
上記の 2. 浮動要素の高さもheightに含めさせる方法 にあるように
最後の閉じdivの前に
<br style="clear:both;">
を入れることで解決できます
問題なく表示されましたー!
有難うございます!!