为什么不高度：100%的工作是将div扩展到屏幕高度？

Question

为什么不高度：100%的工作是将div扩展到屏幕高度？

我希望旋转木马DIV(S7)扩展到整个屏幕的高度。我不知道为什么它没有成功。要查看页面，您可以去这里.

body {

  height: 100%;

  color: #FFF;

  font: normal 28px/28px'HelveticaWorldRegular', Helvetica, Arial, Sans-Serif;

  background: #222 url('') no-repeat center center fixed;

  overflow: hidden;

  background-size: cover;

  margin: 0;

  padding: 0;

}

.holder {

  height: 100%;

  margin: auto;

}

#s7 {

  width: 100%;

  height: 100%: margin: auto;

  overflow: hidden;

  z-index: 1;

}

#s7 #posts {

  width: 100%;

  min-height: 100%;

  color: #FFF;

  font-size: 13px;

  text-align: left;

  line-height: 16px;

  margin: auto;

  background: #AAA;

}

<div class="nav">

  <a class="prev2" id="prev2" href="#">

    <img src="http://static.tumblr.com/ux4v5bf/ASslogxz4/left.png">

  </a>

  <a class="next2" id="next2" href="#">

    <img src="http://static.tumblr.com/ux4v5bf/swslogxmg/right.png">

  </a>

</div>

<div class="holder">

  <tr>

    <td>

      <div id="s7">

        {block:Posts}

        <div id="posts">