수다닷컴

nav_1.gif#nav_main ul.depth1 li.menu-1 a span {
background: url(./images/nav_1.gif) no-repeat left top;
}
#nav_main ul.depth1 li.menu-1 a:hover span {
background: url(./images/nav_1.gif) no-repeat right top;
}

위와 같은 식으로..
백그라운드 이미지를 평상시, 마우스 오버시를 가로로 붙여서 하나의 이미지파일로 만든 후
마우스 올리면 백그라운드이미지 정렬을 left에서 right로 바꿔서
롤오버가 구현되도록 했는데.
요놈이 파이어폭스에서는 제대로 작동하는데,
IE에서는 롤오버까진 잘 되는데 그 다음에 마우스를 치워도 원래 상태로 되돌아가지를 않네요.
(hover 상태, 즉 백그라운드이미지 정렬이 right로 고정되어있습니다.)
이거 어떻게 해결해야할까요? ^^;

a의 경우, a:link, a:visited, a:active 로 나누어 모두 적용해봐도 똑같네요..

읽어주셔서 감사합니다~!

신청하기