调整IE中流体宽度部分的大小

Question

我的网站是流畅的宽度，但是一个部分没有正确调整大小 - 右侧图像位于标题的末尾。这是CSS：

#middle-top {
height:68px;
float:left;
width:81%;
border-left:1px solid #Fafafa;
}

我使用了媒体屏幕样式表，但它仍然无法在所有浏览器中正常工作 - 即在IE中。

如果有人可以看看并通过任何建议缩小窗口大小，那将是一个很大的帮助。

Answer 1

而不是使用img标签。将与背景图像相同的图像提供给div#middle-top并将其定位到右侧。

这样的事情：

 background-image:  Image url1 , Image url2; /* does not support IE7 and IE8 */
 background-repeat: no-repeat, no-repeat;
 background-position: right;

更新

或者

以百分比形式给出右侧图像，例如：

img#heart { width: 20%; }