IE에서 hover 이미지가 원래 상태로 돌아오지 않아요

리라 2025.08.08 댓글 2

CSS에서 하나의 배경 이미지로 평상시와 마우스 오버 이미지를 만들고, hover 시 배경 위치를 바꾸는 방식으로 롤오버를 적용했어요.
파이어폭스에서는 잘 작동하는데 IE에서는 마우스를 떼도 hover 상태가 유지됩니다.
a에 link, visited, active 상태도 각각 적용해봤지만 같네요. 어떻게 해결하면 좋을까요?

```css
#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;
}
```