CSS Help：在FF和Chrome中正確顯示圖像，而不是IE9

Question

我正在爲我的一位朋友開發一個網站，而且我有一點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工具，但我沒有發現問題。

請幫忙！

Answer 1

設置你的第一個錨點爲float：left;你已經有圖像浮動，然後只需清除它們#topmenu{float:none; clear:both}

應該這樣做。你可能會想調整間距的邊距。

Answer 2

您的寬度在<img>代碼中設置爲空（width=""）。