안녕하세요.

레이아웃 제작 중 메뉴에서 막힙니다.
마우스 커서를 가져다 대거나 그 페이지를 보고 있는 경우, 그 메뉴의 배경 색이 바뀌도록 해놨는데요

익스플로러8, 파이어폭스에선 아예 작동되지도 않고,
익스플로러7에서는 마우스 커서를 가져다 될땐 작동이 되는데
선택되어 있을땐 효과가 없습니다.

http://royhome.net/zbxe/

#roy_menu { position:absolute;  height:57px; margin:0 0 0 0; text-align:right; padding:0 0px 0 0; z-index:98; top:0; left:0; right:0; }
#roy_menu li {position:relative; display:inline; height: 57px; margin: 0 10px 0 10px; }
#roy_menu li a { }
#roy_menu li a:hover,
#roy_menu li a:focus { background-color:#c6e3eb;}
#roy_menu li.on a { background-color:#c6e3eb;}

왜이럴까요;;?
익스플로러8쓰시는 분들은 '호환성'모드로 한번 확인해주세요 ㅠㅠ

-------
익스플로러7에서의 문제는 해결했습니다만,
익스8에서는 여전히 안되고 있습니다.
아예 작동이 안되요..