css下拉菜单显示时会把下一div挤开 [问题点数：20分]
-
本版专家分：147结帖率 75% -
<div>css菜单</div>
<div></div>
但css的下拉菜单没有显示是两个是连在一起的，但是一旦显示下拉菜单，两个div之间就显示出一块空白区域，我希望css的下拉菜单显示出来而不改变页面布局。
那个兄弟帮个忙。问题点数：20分
-
本版专家分：6610 -
贴你的代码出来看看
-
本版专家分：147
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>无标题 1</title>
<style >
dd{
display:none;
}
dl:hover dd,a:hover dd{
display:block;
}
a:hover{
border:0;
}
</style>
</head>
<body>
<!--[if lte IE 6]><a href="#"><table><tr><td><![endif]-->
<dl>
<dt><a href="#">一级菜单</a></dt>
<dd><a href="#">二级菜单</a></dd>
<dd><a href="#">二级菜单</a></dd>
<dd><a href="#">二级菜单</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
<div>
<object data="flash/flash3.swf" type="application/x-shockwave-flash" height="202" style="width: 932px">
<param name="movie" value ="flash/flash3.swf" wmode="transparent"/>
<param name="wmode" value="transparent" />
</object>
</div>
</body>
</html>
-
本版专家分：6610
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>kendyjack测试专用</title>
<style >
dd{
display:none;
}
dl:hover dd,a:hover dd{
display:block;
}
a:hover{
border:0;
}
</style>
</head>
<body><div style="height:30px;">
<!--[if lte IE 6]> <a href="#"> <table> <tr> <td> <![endif]-->
<dl>
<dt> <a href="#">一级菜单 </a> </dt>
<dd> <a href="#">二级菜单 </a> </dd>
<dd> <a href="#">二级菜单 </a> </dd>
<dd> <a href="#">二级菜单 </a> </dd>
</dl>
<!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--></div>
<div>
<object data="flash/flash3.swf" type="application/x-shockwave-flash" height="202" style="width: 932px">
<param name="movie" value ="flash/flash3.swf" wmode="transparent"/>
<param name="wmode" value="transparent" />
</object>
</div>
<div>22222222222222222222</div>
<div>33333333333333333333</div>
</body>
</html>