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

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

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

我已经使用了媒体屏幕样式表，但它仍然不能在所有浏览器中正常工作——例如在IE中

---

如果有人能看一看并提出任何建议来缩小窗户的尺寸，那将是一个很大的帮助

而不是使用

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%; }