在Firefox中的Bootstrap media-body（Media对象）中截断响应式图像

Question

媒体体元素中的 Firefox 浏览器（版本37）响应式图片（ class =“img-responsive”）<{ {3}}）是截断（裁剪）。例如，在 Chrome 浏览器中，一切正常，图像也会正常缩小。

示例代码：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>

<div class="container">
    <div class="media">
        <div class="media-left">
            media-left
        </div>
        <div class="media-body">
            <img src="http://lorempixel.com/output/city-q-g-1920-300-10.jpg" class="img-responsive" />
            media-body
        </div>
    </div>
</div>

预览 Firefox （问题！）：

预览来自 Chrome （一切都很好）：

我知道Firefox [Bootstrap, Media object中表格中的响应式图片的错误，但是每个解决方案都无法在 media-body 中使用，因为此元素的宽度（Bootstrap样式）设置为10000px ！

有没有解决这个问题的技巧？