Css 为什么div不能正确浮动？

我想做到这一点：

我被困在这里：

如您所见，“项目说明”框现在显示在正确的位置。我已经仔细检查了尺寸。我不知道我做错了什么

以下是标记：

<div id="container">
    <div id="container2">
        <div id="header">
            <img src="images/dealstoreconcept-ebay-listing-template2_03.png">
        </div>
        <div id="nav">
            <a href="#"><img src="images/dealstoreconcept-ebay-listing-template2_06.png"></a>
            <a href="#"><img src="images/dealstoreconcept-ebay-listing-template2_07.png"></a>
            <a href="#"><img src="images/dealstoreconcept-ebay-listing-template2_08.png"></a>
            <a href="#"><img src="images/dealstoreconcept-ebay-listing-template2_09.png"></a>
            <a href="#"><img src="images/dealstoreconcept-ebay-listing-template2_10.png"></a>
            <a href="#"><img src="images/dealstoreconcept-ebay-listing-template2_11.png"></a>
            <a href="#"><img src="images/dealstoreconcept-ebay-listing-template2_12.png"></a>
        </div>
        <div id="content">
            <div id="cat">
                <div id="cat-head">
                    Categories
                </div>
                <div id="cat-content">

                </div>
            <div>
            <div id="content-right">
                <div id="des">
                    <div id="des-head">
                        Item Description
                    </div>
                    <div id="des-content">

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

知道为什么会这样吗？

第一个问题是

<div id="cat">
                <div id="cat-head">
                    Categories
                </div>
                <div id="cat-content">

                </div>
            <div> ---> not closed div

类别
--->未关闭分区

---

请参见fiddle，您缺少一个结束标记

看看这把小提琴：

替换

<div id="cat">
<div id="cat-head">
Categories
 </div>
<div id="cat-content">
</div>
<div>

类别

与

类别
/*错误*/

您缺少一个结束标记：//？如果您有类似的问题，请使用HTML valdiator。像W3C:）有人能告诉我为什么背景在某一点停止显示吗？

<div id="cat">
<div id="cat-head">
Categories
 </div>
<div id="cat-content">
</div>
<div>

<div id="cat">
<div id="cat-head">
Categories
 </div>
<div id="cat-content">
</div>
</div>/*error*/