세로형 롤오버메뉴

/* ***** 세로형 롤오버메뉴 ***** */
/* 마우스오버 이미지 숨기기 */
div#sidebar a img.rollover { position : absolute; z-index:1;filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=0); display : none}
/* 마우스오버 이미지 보이기 */
div#sidebar a:hover img.rollover {filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=1); display:block}

<div id="sidebar">
<a href="http://cgntv.tistory.com"><img src="./images/home.gif"></a>
<a href="http://cgntv.tistory.com/notice"><img class="rollover" src="./images/about_1.gif"> <img src="./images/about_2.gif"></a>
<a href="http://cgntv.tistory.com/entry/TOP-10"><img class="rollover" src="./images/top10_1.gif"> <img src="./images/top10_2.gif"></a>
<a href="http://cgntv.tistory.com/entry/Ctistorycom-contact-information"><img class="rollover" src="./images/contact_1.gif"> <img src="./images/contact_2.gif"></a>
<a href="http://cgntv.tistory.com/guestbook"><img class="rollover" src="./images/guest_1.gif"> <img src="./images/guest_2.gif"></a>
<a href="http://cgntv.tistory.com/category"><img class="rollover" src="./images/archive_1.gif"> <img src="./images/archive_2.gif"></a>
</div>