Html 浏览器重新调整大小导致滚动条疯狂增长

在浏览了我的所有代码后，我发现（附加代码）会导致我的浏览器滚动条在有人改变浏览器大小x或y轴时疯狂地增长。你知道为什么会这样吗

HTML

  <div id="boxes">
      <div id="dialog2" class="window"><class="close"/></div><div id="mask">
     </div>
  </div>

  <div id='nav'> 
  <a href="#dialog2" name="modal">CLIENTS</a>
   </div>

---

顺便说一句，在CSS中引用ID时，您只需要使用该ID。使用“dialog2”，而不是“box”dialog2。“dialog2”宽1061px，高590px，因此滚动条不断增长，以适应该框的大小，而不考虑其内部内容的大小或数量。

#mask {
        position:absolute;
        z-index:1000;
        display:block;
      }
#boxes #dialog2 {
        background:url(images/clients_dark1.png)
        no-repeat 0 0 transparent;
        width:1036px;
        height:520px;
        padding:50px 0 20px 25px;
      }