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