Internet Explorer（IE）のCSS/HTML互換性問題

Question

私はゲーム開発者です。私は個人的なポートフォリオWebサイトをまとめています。私はCSS、HTML、PHP、MySQLなどいくつかの限られた経験を持っています。私はちょうどJqueryとそれで可能なクールな効果のいくつかを掘り下げ始めています。しかし、IEは私のメニューや写真ギャラリーと協力したくない。ここで私はこれまで持っているものです。

http://andrewaernst.com

すべてが、それはFirefoxとGoogle Chromeであるべきとして動作しているように見えますが、IEは左端に私の2つのjqueryの電源が入っ要素を押し続けます。私は何時間もCSSとHTMLコードを使っていて、IEが何をしているのか理解できません。私はいくつかのWeb開発経験を持つ人が正しい方向に私を向けることができると確信しています。

ナビゲーションメニューから次のとおりです。http://tympanus.net/codrops/2010/07/16/slide-down-box-menu/

と画像ギャラリーNivoスライダーを使用しています。 （それはリンクされますが、私は新しいユーザーであるため、1つのポストに2つのリンクしかありませんが、見つけるのは簡単です）。

コード内の特定の領域に絞っておきたいと思っていますが、問題の原因は何もわかりません。どんな助けでも大歓迎です。

Answer 1

それは、物事の任意の数かもしれないが、私はあなたが私はがあなたのDOCTYPEを認識からIEを防ぐため、Quirksモードに入るかもしれないと思うHTMLドキュメントの先頭に持っているコメントを削除するで始まると思います。

彼らは時々異なるブラウザで異なるレンダリングを引き起こす可能性がありますように私はその後、先に行くと、HTMLのエラーを修正します：http://validator.w3.org/check?uri=http%3A%2F%2Fandrewaernst.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

編集：IE6では、例えば、私が手に「 - >」のページに印刷。それはおそらく意図的ではありません。