CSS帮助：图像在FF和Chrome中正确渲染，而不是IE9

我正在为我的一个朋友开发一个网站，我有点做CSS噩梦。网址是

在Firefox和Chrome中，在顶部横幅的右上角会出现海地国旗。然而，在IE中，它沿着右边缘显示为一条细细的垂直线，从菜单顶部开始，向下经过内容部分的开始位置。CSS类是非常简单的代码：

img.rightfloat
{
float:right;
padding-left:1px;
padding-bottom: 1px;
padding-right: 5px;
padding-top: 1px;
}

我猜是其他CSS元素导致了这个问题，但我不知道是哪一个。我尝试使用F12工具，但没有找到问题

---

救命啊

您的

标记中将您的宽度设置为nothing（

width=”“

）。

您的

标记中将您的宽度设置为nothing（

width=“

）。

将第一个锚点设置为float:left；您已经将图像浮动，因此只需使用

#topmenu{float:none；clear:both}

---

应该这样做。您可能需要修改间距的边距

将第一个锚点设置为浮动：左；您已经将图像浮动，因此只需使用

#topmenu{float:none；clear:both}

---

应该这样做。您可能需要修改间距的边距

我刚刚修复了这个问题（在w3.org上验证了这个网站），但是现在，虽然整个图像出现了，但它不再与骑车人的图像一致。我看不到IE和FF之间有任何区别。另外，你的网站没有验证为正确的HTML5，我刚刚修复了这个问题（在w3.org上验证了该网站），但是现在，当整个图像出现时，它不再与骑车人图像一致。我看不到IE和FF之间有任何区别。此外，你的网站没有验证为正确的HTML5修复它！非常感谢你！这就解决了！非常感谢你！