CSS Help:图像在FF和Chrome中正确呈现,而不是IE9

时间:2012-04-07 02:14:05

标签: css internet-explorer

我在网站上为我的一个朋友工作,我有一点CSS噩梦。网址为http://www.bike4haiti.com

在Firefox和Chrome中,顶部横幅的右上角会显示一个海地国旗。但是,在IE中,它显示为沿着右边缘的细垂直线,从菜单顶部开始并下降到内容部分开始的位置。 CSS类非常简单:

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

我的猜测是它是导致问题的其他CSS元素之一,但我不知道哪一个。我尝试使用 F12 工具,但我没有找到问题的运气。

请帮忙!

2 个答案:

答案 0 :(得分:1)

将你的第一个锚设置为float:left;您已将图像浮动,然后使用#topmenu{float:none; clear:both}

清除它们

应该这样做。你可能想修补间距的边距。

答案 1 :(得分:0)

您的width=""代码中的宽度设置为空(<img>)。