CSS额外可滚动的空白区域

Question

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

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

Scrollbox 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;


              }

有什么建议吗？