z-index とポジショニングに問題があります。基本的に、メニュー アイテム (ホーム、アバウトなど) にカーソルを合わせると、メニューの下にペイント スプラッシュが読み込まれます。
http://www.saradouglas.net/home
これは、各スプラッシュ div が絶対配置に設定されている場合は問題なく機能しましたが、これらが異なる画面解像度では異なる場所に表示されることに気付きました。これを相対位置に変更して、それに応じて座標を調整するだけの場合だと思いました。残念ながら、スプラッシュがメニューの下に表示されません。
明確にするために、スプラッシュをメニューの下に表示したいので、メニューは常にスプラッシュの上に表示する必要があります。これは、メニューを相対に設定し、これらのスプラッシュを絶対に設定してから問題になりました。
これが簡単に修正できることを願っていますが、何かが足りないだけです。ここの誰かが私が間違っている場所を教えてくれ、解決策を提供してくれることを願っています!
これまでにいくつかの良い回答が提出されましたが、残念ながら私の問題は解決されていません。メニューの背景を div ではなく ul クラスに追加しようとしましたが、問題に違いはありませんでした。