Firefox不能正確呈現HTML

-1

enter image description here Firefox不能正確呈現HTML

圖片顯示了我在我的網站上遇到的問題區域。這個小小的黑線從我的下拉菜單後面突出，在Firefox中resources這個詞將出現在home的下方，但它的IE和Chrome菜單看起來應該是這樣，除了那條小黑線外。我使用的模板是經過修改的Dreamweaver模板。它並沒有用來做到這一點，但我打破了它：/

編輯：所有固定。

來源

2012-07-17 wootscootinboogie

A [的jsfiddle（http://jsfiddle.net）會讓你的問題更容易理解。 – 2012-07-17 12:55:56

我會編輯它以添加Jsfiddle鏈接，謝謝。 – wootscootinboogie 2012-07-17 12:56:51

這是因爲

標籤我覺得＃MenuBar1 – SVS 2012-07-17 13:02:24

您需要清除浮標。

如果您將overflow: hidden添加到頂級菜單UL和側欄div，您會注意到HR向下移動。

編輯

只是一個供參考，有可能是一個更好的辦法來清除浮動，然後只需添加溢出：隱藏到處都是像我這樣的回答顯示。這實際上取決於你如何佈置頁面，我不知道你的計劃是什麼。因此，下面的一些鏈接解釋了什麼是浮點數，它們是如何工作的，以及如何清除浮點數，這應該讓您更好地理解。

http://www.quirksmode.org/css/clearing.html