css - CSS ドロップダウンは表示されませんが、正しく配置されています

Question

http://jsfiddle.net/WTELW/4/

以下は JSFiddle では問題なく動作しますが、ブラウザーでは正しく動作しないようです (コピーしてメモ帳に貼り付けてみてください)。

レイヤーの z-index を設定しようとしましたが、うまくいかないようです。レイヤーが正しく配置されているのがわかりますが、まだ隠れています。

Answer 1

overflow: hidden以下から削除すると、ドロップダウンが表示されます。

#header {
    width: 1024px;
    position: relative;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
}

ulヘッダー内に（ドロップダウン）があることが起こっていると思います。の内容がulheader の外側に拡張され、divにoverflow設定されてhiddenいるため、ドロップダウンが非表示になっているため、ドロップダウンが表示されなくなりました。