html - ズームアウトまたはズームイン時にマイページを画面に合わせる

Question

口調が悪くてすみません！これが私のHTMLとCSSコードです。
CSS:

 #home article {
background: url(../images/top_bg.png) repeat;
height: 100%;
position: absolute;
text-align: center;
top: 0px;
border: solid 7px #FFFFFF;
width: 99%;
}

HTML:

    <section id="home" data-speed="10" data-type="background" style="background-position: 50% 0px;">
---- Some Code to display ---        

</section>

質問:私の質問は次のとおりです: (ctrl,- または ctrl,+) でズームインまたはズームアウトすると、ページが画面に収まるはずです。水平スクロール バーは表示されません。

ここにページの例があります: 私の質問を理解するためにズームインおよびズームアウトしてください。http://jenslehmann.com/#/ambassador