css – 向左浮动图像会更改容器div的高度

当我尝试运行以下内容：

​<div id="container">
     //This is a 200x200 image        
     <img src="http://dummyimage.com/200x200/CCC/000" />
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

与CSS：

​#container {
    BACkground:#000;
}

我得到一个像我想要的黑色背景容器的DIV.

但是,当我将以下内容添加到CSS中时：

#container img {
   float:left;
}

看来容器没有检测到它内部的图像,其高度被设置为最小(可以在这里看到：http://jsfiddle.net/wc4GJ/).

如何将图像浮动到左侧,弄脏了容器DIV的高度？

谢谢,

乔尔