CSSが動かない

質問

http://www.stylish-style.com/csstec/ultimate/css-roll-2.html

このサイトにCSSのプルダウンメニューが紹介されていますが、プログラムをコピーしてHTMLファイルにペーストしても、動作しません。
具体的には、最初のメニューは表示されますが、マウスを乗せてもプルダウンメニューが出てきません。

まったく同じような
http://www.stylish-style.com/csstec/ultimate/css-roll-1.html
これは動作するのですが、なぜ上のほうは動作しないのでしょうか？

原因など分かる方、教えてください。

回答No.1

suiris · ベストアンサー

Firefox2.0、IE7、IE6、NN7.1で確認しましたが正常に動作しました。
HTMLファイルにペーストしても、動作しません。と記述されていらっしゃるので、ひょっとしたらプロパティのスペルミスや記述ミスかもしれません。
値にミスが無いかよく確認してみてください。

css-roll-1.htmlが動いたということなのでその可能性が高いと思われます。

お礼

早速のご回答ありがとうございます。
4つものブラウザで確かめていただいてありがとうございました。

ミスを確認してみましたが、ミスはありませんでした。
5回ほど、新しいHTMLファイルを作り、コピーペーストをやってみましたが、動作しませんでした。（プルダウンメニューが出てこない）

IE6でやっていたので、IE7をインストールしてみましたが、結果は同じでした。

suirisさんは、確認されたとき、CSSを自分なりに少し変えたりしましたか？
それとも、サイトに載っているのをそのまま使用されましたか？

回答No.2

suiris

確認したときはサイトにそのまま載っているのを確認しているので、ローカルでの確認ではないです。(申し訳・・・)
5回ほどコピペ・検証したということは問題なさそうですね・・・。

ローカルで検証したところおっしゃるとおりIE6、IE7は動作しませんでした。
css-roll-1.htmlは動作しますね・・・。
NN7.1、Firefox2はどちらも動作。

一応サーバーにアップロードされていたCSSを直接貼り付けてもみましたが、動作しませんでした。
考えられる限り改変してみましたが、サブメニューがやはり表示されないみたいです。

サイト管理者の連絡先が記載されているようなので連絡されたほうが早いかもしれないです。お力になれず申し訳ないです。