WebKit/KHTML/Operaブラウザ（初め）間違った場所でのレンダリングのレンダリング

Question

私が作業しているhttp://www.raven.dima.neoturbine.net/のWebページがあります。一番上のナビゲーションは、Internet Explorer 8、Firefox 3.6、Android用Dolphin Browserではサイトロゴの右側に正しく表示されますが、Chrome 8やAndroid用Opera Miniでは表示されず、ロゴのトップに表示されます。不思議なことに、少なくともChromeでは、初めてウェブサイトにアクセスした後にリンクを訪れると、ウェブサイトへの訪問の間、メニューは正しい位置に移動します。

私は問題が何であるかについて少し戸惑っています。なぜなら、私は議論の余地のあるCSSセレクタを使用していないと確信していたからです。誰でも私にバグを指摘したいですか？

編集：修正されました。

Answer 1

あなたは特別な理由なしにそこに配置されたような外見的なスタイルを持っています。 （モバイルブラウザで行うには多分何か？）

あなたが何らかの理由で、二回あなたのファイルにこの正確なCSSを持っている：

#header H1 
{ 
    padding: 10px 10px 30px; 
    display: inline; 
    float: left; 
} 

Firefoxのとクローム（およびIE8）で、この作業を行うには#header h1から

：

• 、私はこれらのスタイルを削除しました#nav ulから

：

その後

• position: absolute
• display: inline

、私は#nav ulに追加：float: left。