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;


              }

助言がありますか？