cssのみで折りたたみまたはプルダウン

質問

javascriptを使わずに、IE６に対応させた
縦並びの「折りたたみ」または「プルダウン」メニューのようなものを、
いろいろやっても作れず、助けてください！

ソースは以下です

<dl>
<dt id="Name"><a href="#">おなまえ</a></dt>
<dd id="Profile">プロフィールプロフィールプロフィールプロフィールプロフィールプロフィール</dd>
<dt id="Name"><a href="#">おなまえ</a></dt>
<dd id="Profile">プロフィールプロフィールプロフィールプロフィールプロフィールプロフィール</dd>
<dt id="Name"><a href="#">おなまえ</a></dt>
<dd id="Profile">プロフィールプロフィールプロフィールプロフィールプロフィールプロフィール</dd>
</dl>

回答No.2

noname#83877

CSSだけでやるためにはhtmlの構造的に:hoverのCSS2レベルに対応し、隣接セレクタが使える必要があります。
なので、IE7以上でないと無理です。

お礼

ありがとうございます！
すっきりしました。

回答No.1

singlecat

▼これか参考になると思いますよ。

参考URL：

http://www.cssmenumaker.com/

補足

ありがとうございます。
このサイトは、IE６ではドロップダウンしてくれないんです・・・