이미지 썸네일 사용시 롤오버 테두리 만들기

예를 들어

<div id="test_box">

<ul>

<li>

<a href=""><img src="../image/test.jpg" alt="test_img" /></a>

</li>

</ul>

</div>

위와 같은 소스가 있을때, css는

#tset_box ul li a {display:block; border:1px solid #dfdfdf}

#test_box ul li a:hover {display:block; border:2px solid #ec008c; overflow:hidden}

#test_box ul li a:hover img {margin:-1px}