<style>
*{
margin:0px;
padding:0px;
}
.aa{
height:40px;
width:80px;
top:100px;
left:100px;
position:absolute;
overflow:hidden;
line-height:40px;
text-align:center;
background-color:#0FF;
}
.aaa{
height:40px;
width:80px;
top:100px;
left:100px;
position:absolute;
overflow:visible;
line-height:40px;
text-align:center;
background-color:#0FF;
}
#table1{
height:120px;
width:80px;
border:0px;
text-align:center;
vertical-align:middle;
}
</style>
</head>
<body>
<div class="aa" onmouseover="this.className='aaa'" onmouseout="this.className='aa'">新闻动态
<table cellpadding="0" cellspacing="0" id="table1">
<tr><td>水果</td></tr>
<tr><td>活动</td></tr>
<tr><td>杂谈</td></tr>
</table>
</div>
</div>
</body>
</html>
