css - 絶対 div 要素を 100% を超えると、コンテナー全体が移動します

Question

私は奇妙な問題を抱えています。ページのコンテンツをカプセル化する「コンテナ」div があり、その中に他の 3 つの div ブロックがあります。

コンテナー内の 3 つの div ブロックは画面の高さの 100% にちょうど収まりますが、3 番目の div ブロックを 100% マークを少し超えて押すと、「コンテナー」の div 全体が左に約 20 ピクセル移動します。

これが私のjfiddleです：http://jsfiddle.net/Y7y5R/

変更することにより:

#secondaryContent{
   position: absolute;
   width: 100%;
   top: 50%;
   height: 50%;
   background-color: red;
}

に

#secondaryContent{
   position: absolute;
   width: 100%;
   top: 60%;
   height: 50%;
   background-color: red;
}

私が説明しようとしていることがわかるでしょう。なぜこれが起こっているのかについての説明を探しています。