发新话题
打印

css二级菜单弹出过长ie不能完全显示(会弹回去)的问题

css二级菜单弹出过长ie不能完全显示(会弹回去)的问题

http://www.360jsj.com/Shop/ShowProduct.asp?ProductID=1

鼠标放到  商品说明最后面的里面一行的wps中;会出来很长的内容,
问题1:ie浏览器中看不全内容,滚轮下滚应为网页不够长,会回弹回去;
问题2:火狐浏览器中看不到表格了!

css样式:
<style>
.nav222 li{height:33px;border-right:1px solid #000; float:left; margin-right:1px; text-align:center;}
.nav222 a{width:60px;display:block;height:33px;}
.nav222 a:link{color:#000;background:#Cf6;text-decoration: none;}
.nav222 a:visited{color:#000;background:#Cf6;text-decoration: none;}
.nav222 a:hover{ color:#ff0;background:#999;}
.nav222 span{ display: none; }
.nav222 a:hover span{display: block;position:absolute;border:1px solid #640000;background:#ff6;margin-top:0px!important; margin-top:0px;color:#000;
padding:0px;white-space: nowrap;}
</style>
对应内容:
<div class="nav">
    <ul>
      <li><a href="#"><span>点<p></p>1<p>1</p>1<p>1</p>击<p></p>进<p></p>入源<p>1</p>1<p>1</p>1<p>1</p>1<p>1</p>1<p>1</p>1<p>1</p>1<p>1</p>1p>1</p>1<p>1</p>1<p>1</p>1<p>1</p>1<p>1</p>1<p>1</p>1<p>1</p>1p>1</p>1<p>1</p>1<p>1</p>1<p>1</p>1<p>1</p>1<p>1</p>1<p>1</p>1<p>1</p>1<p>1</p>码<p></p>下<p></p>载<p></p>首<p></p>页</span>网站首页</a></li>
      <li><a href="#"><span>精品CSS、HTML实用代码</span>资源下载</a></li>
      <li><a href="#"><span>自定自定义内容义内容</span>源码下载</a></li>
      <li><a href="#"><span>自定义自定义内容内容</span>网页特效</a></li>
      <li><a href="#"><span>刚刚更新的内容</span>最新更新</a></li>
      <li><a href="#"><span>最热门的资源下载</span>下载排行</a></li>
      <li><a href="#"><span>自自定义内容定义内容</span>自定义</a></li>
    </ul>
  </div>
发新话题