問題：
私がデザインした Web サイトをロードすると、ページがロードされる間、レイアウトが一瞬不安定になり、その後正しい場所にスナップします。この動作は、少なくとも Safari と Chrome で発生します。
ページの読み込み中にすべてを適切な最終的な場所に保持するにはどうすればよいですか?
コード：
問題の HTML コードパッド (プライバシー上の理由から詳細を変更): http://codepad.org/GSGHYF0N
スタイルシート: http://codepad.org/Yr4ULwi0
追加情報：
- 場違いである最も明白なものは
<h2>Location</h2>. - 画像はすべて、HTML および CSS で示されているサイズです。
- これは、スクロールバーが表示されるため、レイアウト全体が一体となって移動する問題ではありません。
資力
Google Developers に関する情報は役に立ちましたが、特定の問題を解決する方法を示していません。ただし、スパム防止のため、StackOverflow ではこれらのリンクを投稿できません。