javascript - CSS 额外的可滚动空白

Question

嗨，我有一个包含信息的矩形，它也可以滚动，但是我注意到内容下方有额外的滚动空白，我该如何解决这个问题。我不确定它是否会在 jsfiddle 上清晰显示，因为我有很多图像：

http://jsfiddle.net/Lezuus/EUKxX/1/

滚动框 CSS

 #rect {
              font-family: 'OpenSansRegular';
              text-align: justify;
              width: 917px;
              height: 800px;
              background:white;
              position: relative ;
              left:185px;
              top:100px;
              -moz-box-shadow: 0 0 5px #888;
              -webkit-box-shadow: 0 0 5px #888;
              -moz-border-radius: 5px;
              -webkit-border-radius: 5px;
              -khtml-border-radius: 5px;
              border-radius: 5px;
              overflow:scroll;
              overflow-x:hidden;
              color:#484848;


              }

有什么建议么？