html - IE中的样式问题-显示巨大的空间

大家好，我有以下内容：

http://jsfiddle.net/z3Hr2/

这是我用来在JQuery中访问表格的导航...这是一张照片：



现在，当我单击链接之一时，将弹出一个表格，如下所示：



问题是，在IE中，即使它们是display:none（单击导航链接时打开的表），其顶部与底部之间也存在巨大差距。

这是我在IE中的意思：



这是表容器的布局：

<div class="csvemployeestools">
   <div class="MemberopenstatusViewer">
      <div class="OpenstatusViewertable">
          table that is opened depending on which link clicked in nav....
      </div>
   <div>
    .....


</div> <!-- after all tables are defined, this closes it out.

CSS：

.csvemployeestools{

    margin-top: 2%;
    overflow: hidden;

}

.MemberopenstatusViewer{
    display:block;
    /*float:left;*/
    margin: 0 auto;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    font-size: .7em;
    width:100%;
    /*overflow-x: scroll;*/

}
.OpenstatusViewertable {
    width:100%;
    max-height: 300px;
overflow-y: scroll;
margin-bottom: 3%;
}

最佳答案

嘿，我弄清楚了...。我刚刚删除了桌子周围的div：

<div class="MemberopenstatusViewer">
      <div class="OpenstatusViewertable">

      </div>
   <div>

不过谢谢！

关于html - IE中的样式问题-显示巨大的空间，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14821813/