수다닷컴

조금 늦은 밤 하코사 여러분들 안녕하셨습니까?
매번 질문만 들고 찾아오는 듯 합니다. ㅎㅎ
하지만, 하코사분들은 착하신 분들이라서 도와주실 꺼라 믿고! 이렇게 질문글을 올렸습니다.

순수 CSS만으로 네비게이션을 만들고있는데 한가지 난관을 만나버렸습니다.

예를들어

ul clss=navi
li
a href=#hacosa하코사/a
ul
lia href=#hi질문답변게시판/a/li
/ul
/li
/ul

이런 코딩에
.navi li ul{
display:none;
}
.navi li:hover ul{
display:block !important;
}
li를 hover 했을때 서브네비게이션이 나오는 형식의 네비게이션을 만들고 있었는데
마우스가 서브네비게이션 영역을 넘어가 버리면 바로 display:none;이 되어버린다는 점 입니다.
어떻게 하면 마우스가 서브네비게이션 영역을 넘고 컨텐츠부분에 가 있어도 이미 Hover 된 메뉴를 계속 그대로 있게 할 수 있을까요?
다른 메뉴를 Hover 하면 서브 내용이바뀌고 말입니다.

웬만하면 css로 처리하고 싶습니다.

도와...주십시요 ㅠㅠ

신청하기