Trash

　僕のサイトではPull-Down MenuもどきをCSSの:hoverで実現しています。
　:hoverでやっている事をIEでも再現しようとして、expression()プロパティにはまってしまいました。
　
　expression()とはInternetExplorerの独自拡張で「ダイナミックプロパティ」というそうです。
　CSSのプロパティとして動的に使えますが、IE以外のブラウザでは使えませんし、IEでCSSをオンにしていてもJavaScriptをオフにすると使えません。
　expression()を使うとCSSの中でJavaScriptの一部が使えるので、うまく使えばIEでも:hover擬似クラスや:after擬似クラスのような機能を再現出来ます。
　
　expression()は下手に使うとブラウザクラッシュになってしまうので取り扱いは要注意。JavaScriptが使えるなら同じ事をJavaScriptでやった方が安全です。
　ダイナミックプロパティのリファレンスを載せたサイトをGoogleで探してみたのですが、日本語圏に詳しいサイトは少ないみたいです。日本語のサイトでは「expression() のまとめ」（http://useyan.x0.com/s/html/expression/）が一番詳しいのではないでしょうか。
　「expression() のまとめ」（http://useyan.x0.com/s/html/expression/）の説明を参考にして、メモリの少ないPCで確認しブラウザが固まらない書き方を模索した結果が下の例です。
　下の例を実行して「200X」のリンク部分にカーソルを載せれば200X年0X月の記事への「0X」のリンクがひょこっと出てくる筈。
　
■プルダウンぽくする(X)HTMLの部分。
<div class="link" id="archives">
<div class="link_title">Archives</div>
<ul class="link_text">
<li>
<a class="link_year" href="/home/ID/diary/200X/" title="200X年の記事一覧">200X</a>
<a class="link_month" href="/home/ID/diary/200X/0X/" title="200X年0X月の記事">0X</a>
</li>
</ul>
</div>

■CSS
.link_year {
display: block;}

.link_month {
display: none;}

li:hover .link_month, li.on .link_month {
display: block;}

* html #archives .link_text li {
zoom: expression(this.style.zoom || (this.onmouseover=new Function("this.className='on'"), this.onmouseout=new Function("this.className=''"),1));}