问怎么样才能使鼠标悬停在a标签时使另一个已经使用display而隐藏的div重新显现出来？？？

怎么样才能使鼠标悬停在a标签时使另一个已经使用display而隐藏的div重新显现出来？？？麻烦大家了，帮忙解答一下吧

<div id="father0">

<div id="father1">

<ul>

<li>购物车</li>

<li class="split">|</li>

<li>优惠券</li>

<li class="split">|</li>

<li>快速注卡</li>

<li class="split">|</li>

<li>各地购课</li>

<li class="split">|</li>

<li>手机报</li>

<li class="split">|</li>

<li>

<a href="">

网站导航

</a>

</li>

</ul>

</div>

<div id="father2">

<ul>

<li>托福</li>

<li>雅思</li>

<li>考研</li>

<li>职称英语 </li>

<li>初中</li>

<li>日语 </li>

</ul>

<hr />

<ul>

<li>网络课堂</li>

<li>资讯中心</li>

<li>知识堂</li>

<li>大师讲坛</li>

<li>学习论坛</li>

<li>学词</li>

<li>考研搜校</li>

</ul>

<hr />

<ul>

<li>M-Zone</li>

<li>手机报</li>

<li>时时英语</li>

</ul>

</div>

</div>

css

*{

margin: 0;

padding: 0;

font-size: 12px;

}

#father0{

width: 700px;

position: relative;

}

#father1{

width: 700px;

height: 30px;

line-height: 30px;

background-color: #EEEEEE;

position: relative;

}

#father1 ul{

position: absolute;

top: 0px;

right: 12px;

display: inline-block;

}

#father1 ul li{

display: inline-block;

}

#father1 ul li .p1{

position: relative;

bottom: 3px;

}

#father1 ul li a{

color: #000000;

text-decoration: none;

}

#father1 ul .split{

color: #D4D4D4;

margin: 0px 5px;

}

#father2{

padding: 5px;

width: 180px;

background-color: white;

border: 1px #D4D4D4 solid;

}

#father2 ul{

display: inline-block;

}

#father2 ul li{

margin: 2px 5px;

display: inline-block;

}

#father2{

position: absolute;

right: 10px;

top: 20px;

display: none;

}