/* defaults required for IE */
a, a:visited, a:hover, a:active, a:focus {color:#000;}
#holder {position:relative; background:transparent url(http://i552.photobucket.com/albums/jj355/Maurice_Avrahm/masri.jpg) top left no-repeat;margin:5px; width:560px; height:293px;border:2px solid #fff;}
#scrollbox {padding:0; width:170px; height:287px; margin-top:3px;margin-right:3px;list-style:none;float:right;}
#judul {float:left;color:#999;margin-top:100px; width:200px;margin-left:100px;text-decoration:none;text-shadow:0 2px 0 0 #fff; font-family:"trebuchet ms", sans-serif; font-size:28px; text-align:center;}
#judul a:hover{color:silver;text-shadow:0 2px 0 0 #fff; font-family:"trebuchet ms", sans-serif; font-size:28px; text-align:center;}
#scrollbox li {float:left;}
#scrollbox a {display:block; color:#999; text-decoration:none; border:1px solid silver; width:165px; height:30px; float:left; padding:2px; font-family:"trebuchet ms", sans-serif; font-size:24px; text-align:center;}
#scrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#scrollbox a span img {border:0;}
#scrollbox a:hover {background:silver;border:1px solid yellow;}
#scrollbox a:hover span {width:380px; height:288px; margin-top:3px; left:3px; color:#000;z-index:100;}
#scrollbox a:active {border:0px solid #000;}
#scrollbox a:focus {border:0px solid #000; outline:0;}
* html #scrollbox a:active span {width:380px; height:270px; top:0; left:3px; color:#000; background:#fff; z-index:-1;}
#scrollbox a:focus span {width:380px; height:288px; margin-top:3px; left:3px; color:#000; background:#fff; z-index:10; outline:0;}

<div id="info">
<div id="holder"><span id="judul" class="judul"><b><a href="http://wisencare.blogspot.com">Menu Dengan <span style="color:yellow;">CSS</span></a></b></span>
<ul id="scrollbox">
<li><a class="slidea" href="3" tabindex="1">Good View<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF_zT562LQLCSL2iToPbNvAYm77ZCgs9SnlEffRrcqhkMHf-ElOdknpkEE7j10Iq2upYRTMhHILw_6upI24YPunCDVMicCPWdCHV-v14XxpI8CGEEJPl1oKtwM7HWC3VGoJvliMLtQKSEg/s370/butterfly.jpg" alt="" /></span></a></li>
<li><a class="slideb" href="#" tabindex="1">Shy<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlsO18wByVh3epovZhgDvos_gZ4eA3VqV6lqhQC-rzXStG-inxKqRaY1EeHDFlghWDySwDXRpQIBjU22JK7AIOg9QkjRH5Ouf8iavMa0av7UEghY1owyDNv76nmTWO3oBmgMwz4_hGqgIi/s370/pic11.jpg" alt="" /></span></a></li>
<li><a class="slidec" href="#" tabindex="1">Otter<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLG2Z7Fsk8rizyaUpe-6O4qhKQ_Wic2JkT0WyG4sJ2aPKqa0H2UQqJqe21CWr_dyQ7F9TdVVqZfUI8D_GYa5kvi9h0pH_iEne6LG-vosI4j3_G723tczEw_bEWz5DrTHRgkvhJdeoD9IF3/s370/pic3.jpg" alt="" /></span></a></li>
<li><a class="slided" href="#" tabindex="1">Bangau<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaY6jsVEH_0a696EVcub2U39OkovEp3zDTSPcpkf9t3ABtuYW1cInHpIcx_-dck-WeAWN-hw8iBLPfk-L35SuBv-7HHIPM9x5BtCcvd94Ia7HbKAzmfhz_rMA8pNeU_3D0IdVJS6eLI2Jv/s370/pic10.jpg" alt="" /></span></a></li>
<li><a class="slidee" href="http://wisencare.blogspot.com" tabindex="1">Pelicans<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfFHH013l0ZX-rTixys9fyF_0Vbf_9ofQQ9uKatYSmV94VIIvK0txGijq7JbC8ii6vxlGcwwNexXZoDTyJNwjdOmKUnImhVpD95twUyNqyJ0sG6F0bzytrZ2ZfxqleEUFn-hOWe6P4xKq2/s370/pic7.jpg" alt="" /></span></a></li>
<li><a class="slidef" href="http://mangarajaoloan.blogspot.com" tabindex="1">Marmut<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijtTz0VQxQFwcYqvbRE9HLf0vBosyJTr3v7PfQJo46PHa6oWM0yuXbxtZccoS_NXkND5doROzBALBHVG27siYFLOu05jN8h-bVfa9IrJUYgBYivHqYizi7BRQ8b6K437EU1pkiE8ABMZzW/s370/pic6.jpg" alt="" /></span></a></li>
<li><a class="slideg" href="#nogo" tabindex="1">Kucing<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjurTePX25rvGkni745ggM0qRuKh0Jr_scGpBtjx_-xnbznZduLsF4R8Oc6-E9P5HtM-QqwEA5L5bgcxgpCFvB7kjYx4jSgt3lrNIV4WTvmratMyLzXFiJphcS7gAnAijVXWyaCOykouBco/s370/pic4.jpg" alt="" /></span></a></li>
<li><a class="slideh" href="#nogo" tabindex="1">Butterfly<span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL23j-R_kodHBa4Xmb5ZjcgUKKCiU5s5Z7gl1WGsU_eYhyeS2RQtqCAosyD8Sa_4WdvC5Qm9Jsjw9TXkruU4aIwl84qTjNWVuoevtM6Fhubn1lPpCcwVVWHUuYtVd-Te9Hij8-FJU-YhaF/s370/pic1.jpg" alt="" /></span></a></li>
</ul>
</div>
</div>