Img溢出IE和FF中的固定宽度div

Question

我这里有一个相对较小的问题，但它并没有出现在Chrome中。

我在他们的容器的50％width有2个div，一个浮在左边，另一个浮在右边。一个包含一些文本，另一个只包含默认情况下应用了max-width: 100%的图像。但是，图像溢出到div边界之外的左边。怎么解决？

http://jsfiddle.net/Pv5Cb/ - 我不确定这是否会让你知道发生了什么但仍然存在。

P.S。我正在使用animate.css中的一些片段，但我怀疑这是问题所在。

HTML：

<div class="content-project-left">
    <h1>heading one</h1>
    <p>paragraph</p>
</div>

<div class="content-project-right">
    <div>
        <a>
            <img src="img/img.jpg" alt=""/>
        </a>
    </div>
</div>

Answer 1

自己修正了。

所以事实证明，除了两个50％的左右分别左右浮动之外，我给浮动的右侧div中的图像一个浮动：右边......

float：*;从自然文档流中删除元素。

删除它，现在一切恢复正常。