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

Question

大家好，我有以下内容:

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%;
}

Answer 1

嘿伙计们，我想通了....我刚刚删除了 table 周围的 div:

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

      </div>
   <div>

谢谢!