鼠标移到链接上 显示隐藏的div块,该如何解决

#top3 ul li a{    text-decoration:none;}#top3 .ulclass .inner{display:none}a:hover {    background-color:black;    }#top3 a:hover .ulclass .inner{    display:block;}#top3 .ulclass p{        float:left;}

<div id="top3">                <ul class="ulclass">                    <li><a href="#" >HOME                        <div class="inner">                            <p>who we are</p>                            <p>what our future</p>                            <p>latest Stories</p>                            <p>projects</p>                            <p>news tashes</p>                            <p>our purpose</p>                            <p>onling meeting</p>                            <p>hello</p>                                                    </div>                    </a></li>                    <li><a href="#">HOME</a></li>                    <li><a href="#">HOME</a></li>                    <li><a href="#">HOME</a></li>                    <li><a href="#">HOME</a></li>                    <li><a href="#">HOME</a></li>                    <li><a href="#">HOME</a></li>                    <li><a href="#">HOME</a></li>                    <li><a href="#">HOME</a></li>                    <li><a href="#">HOME</a></li>                </ul>            </div>