이미지를 미리 불러올(Preload) 필요가 없는 CSS Image Rollover

저는 다른 방법을 씁니다.
<style type="text/css">

/***롤오버메뉴용*/
a.rollover img { border:none ; display:inline; }
a.rollover img.over { display:none; }
a.rollover:hover { border:none; }
a.rollover:hover img {display:none; }
a.rollover:hover img.over {display:inline; }
</style>

실제 html 코드엔....
<div id="menu">
<a href="..." class="rollover"><img
src="/images/menu01.gif" width="85" height="33" alt="첫번째메뉴" /><img
src="/images/menu_01.gif" class="over" width="85" height="33" alt="" /></a>
</div>
이런 식으로 해봤습니다.
두개의 이미지가 연달아 나올것 같지만, 위의 스타일이 적용될 경우 마우스 hover할 때 롤오버됩니다.
대신, div 안에 꽉 들어가게 div사이즈를 이미지 사이즈에 맞추던지,
테이블 쓸경우 <td></td>사이에 두개의 이미지가 같이들어가게 하되 td 의 width를 이미지 width랑 맞춰줘야 합니다.
스타일 적용후엔 잘 될겁니다.
**** img 태그가 줄바꿈처리된 이유는 이래야 두개의 이미지 사이에 여백이 안들어가게 처리됩니다.(파폭,익스 공통)
이것도 다른 분이 사용하는 방식인데 따라해봤습니다. 태클걸지 마시길..여기에 아직 없는 것 같아서..

IE에서 보면 background 로 넣은 이미지는 깜빡입니다. 왜그런지 쩝;;
불여우에서는 안깜빡입니다..;;