これはいける！
と、思ったのですが、IE7で動かないようなんですが？
IE6やFirefoxでは問題なく動きますけど...
なぜIE7だけ？？

>>yanさん
参考にしていただいたようでありがとうございます。

こちらで確認すると、IE7でも問題なく動いているのですが、
もしかしてスタンドアロン版のIE7などでテストされていませんか？
条件付コメントを使用しているので、スタンドアロン版の場合、
たまにその条件付コメントがうまく動かない場合があります。
もしスタンドアロン版を使用されている場合は、正規版で一度試してもらえますでしょうか？

そしてもし、正規版で試されている場合はそのIE7の細かいverなんかを教えてください。
こちらでできる範囲で確認したいと思います。

その後探求いたしましたら、原因がわかりました。
わけあって、ホ－ムページビルダーｖ8で開いたために、DOCTYPEが”HTML 4.01 Transitional”に書き換えられてしまったために起こった現象のようです。
”XHTML 1.0 Transitional”に戻すことで直りました。
お騒がせいたしましたm(＿ ＿)m

>>yanさん
原因がわかって、直ったようで安心しました。
確かに、ホームページビルダーは勝手に変更してしまうっていうのがあった気がします。
せめて確認くらいはほしいですよね・・。

ご意見ありがとうございました！

はじめまして。
こちらのプルダウンはよさそう！と思い、設置をしていたのですが、CSSに関しては初心者の域をでないもので、どうしても横メニューにカスタマイズする方法がわかりません。
方法を教えていただけるとありがたいです。

>>ユウさん
コメントありがとうございます！
横メニューですね。確かに横のほうが重要ありそうですね・・。
ちょっと新しく作成したいと思うので、完成したらアップ致します(*'')

>>ユウさん
縦のプルダウンメニューサンプルを作ってみました。
メニューの隙間は、ページ内に書かれている.menu ul li { ... }の中のmargin-rightの値を変更することで調整が可能です。

遅くなりましたが、ありがとうございます！！
今後使用させていただきたいとおもいます。
感謝です！

はじめまして。
このCSSだけでプルダウンメニューを作る妙技、以前に他でも見たことがあってずっと探していたのですが見つからず、助かりました！ありがとうございます。
ところでこの妙技とは直接関係ないのですが、プルダウンメニューのレイヤー構造がIE6、7で崩れているのがleftの位置を80pxより小さくするとわかります。「Photo」の下に潜ってしまっています。それからIE7では「Blog」と「Photo」間のマージンが他より余計に取られています。（margin-bottomを0にしてみて下さい）
このpositionセレクタ系のIEのバグ？（z-indexも無視？marginの解釈もおかしい？）と思われる現象は、javascriptを使ったポップアップメニューでも現れ、困っています。何か解決法をご存知ないでしょうか？プルダウンメニューを横並びにすればバレないのですが、重ねて使いたいシーンもあるので・・・。よろしくお願いします。

>>9 - はるみさん
コメントありがとうございます。
なるほど、微妙に崩れていましたか・・。
ちょっと時間があるときに調査してみます。
ご指摘ありがとうございました～！

はじめまして。
CSS初心者のMAXと申します。

プルダウンメニューを設置するにあたり、IE6で散々苦労してきましたが、
えどさんの情報をもとに、IE6でのCSSだけでプルダウンメニューが、
うまく表示することが出来ました！
有り難うございます♪

このCSSで、ボタン部分をテキストではなく、画像ボタンにして試しているのですが、
「hover」時にうまく画像が入れ替わらないのです。。。
いろいろ試してみましたが、うまくいきません。

もし宜しければ、何か解決方法をお教えいただけますでしょうか？
恐れ入りますが、ご指導のほど宜しくお願い致します。

>>11 - MAXさん
すみません、コメントをスルーしてしまっていました(;´Д｀)
日付を見たらほぼ 1 年前とは・・。

たぶん、もう解決はされてるでしょうが、
もしまだなにか疑問などありましたら
ヘッダ下のメニューの「問い合わせ」から
連絡いただけると助かります。