마우스오버 hover 효과가 아이폰에서 안먹히는거 해결... 채택완료

css 에서 hover가 아이폰, 아이패드에서 작동이 안한다는걸 이제 알았네요ㅡㅡ

-----------------소스--------------------

<div class="aaa"> 

<ul>
     <li><div class="title">타이틀</div>
        <ul>
           <a href="#"><li>카테고리</li></a>
           <a href="#"><li>카테고리</li></a>
           <a href="#"><li>카테고리</li></a>
        </ul>
     <li>
</ul>

</div> 

-----------------소스--------------------

-----------------CSS--------------------

.aaa ul ul {
 display:none;
 position:absolute;
}
.aaa ul li:hover ul {
 display:block;
}

-----------------CSS--------------------

위와 같은 식으로 작업했습니다.

PC 안드로이드 다 잘되는데 아이폰아이패드에서는 터치해도 작동이 안되네요..

해결방법이 있을까요?

자세히 설명 부탁드리겠습니다.