Internet Explorer（IE）的CSS / HTML兼容性問題

Question

好的，我是游戲開發人員，並且正在建立一個個人投資組合網站。 我在CSS，HTML，PHP，MySQL等方面的經驗有限。 我只是開始深入研究Jquery及其可能帶來的一些很酷的效果。 但是IE只是不想與我的菜單和圖片庫合作。 到目前為止，這是我所擁有的：

http://andrewaernst.com

一切似乎都可以正常運行，就像在FireFox和Google Chrome中一樣，但是IE一直將我的兩個基於jquery的元素推到最左邊。 我已經玩了好幾個小時的CSS和HTML代碼了，無法弄清IE為什么正在做它正在做的事情。 我相信具有一定Web開發經驗的人將能夠為我指明正確的方向。

導航菜單來自： http : //tympanus.net/codrops/2010/07/16/slide-down-box-menu/

圖片庫使用的是Nivo Slider。 （可以鏈接它，但是由於我是新用戶，因此每個帖子只能使用兩個鏈接。盡管這樣應該很容易找到）。

我希望我可以說我將其范圍縮小到了代碼中的特定區域，但是老實說，我不知道是什么引起了問題。 任何幫助將不勝感激。

Answer 1

可能有很多事情，但我將從刪除HTML文檔頂部的注釋開始，我認為這可能會阻止IE識別您的DOCTYPE，從而進入怪癖模式。

然后，我將繼續修復HTML錯誤，因為它們有時可能會在不同的瀏覽器中導致不同的呈現： http : //validator.w3.org/check?uri=http%3A%2F%2Fandrewaernst.com%2F&charset=%28detect+自動％29＆doctype = Inline＆group = 0

編輯：例如，在IE6中，我在頁面上打印了“->”。 那可能不是故意的。