HTML Zoom Sorunu

Arkadaşlar daha çok yeniyim çok acemiyim yardımcı olcağnızı umuyorum.Ben bi kaç tane kaynak olsun diye kitap aldım okudum sonra iş başına koyulup ben yapmaya başladım ardından header kısmını yaptım sorun yok sonra hazır slider koydum ondada sorun yok.Sonra içerik kısmına geçtim sıkıntı orada başlaa benim ekranımda yüzde 75 ile gayet iyi fakat bu zoom yapınca yazı sağda kalıyor.Veya sekmeyi küçültüncede aynı sorun oluyor.Arkadaşlar yardımınızı bekliyorum.

Olmasını istediğim;

Sonuç;


style.css

.yazikapsam{width:655px;margin:0px 0px 10px 0px;}
.yazikapsam img{border:1px solid #3e828f;float:left;margin:0px 10px 0px 0px;}
.yazikapsam img:hover{border:1px solid #091928;}
.yazikapsam p{font-size:15px;color:#555555;line-height:130%;font-weight:bold;padding:24px;height:130px;width:700px;}


.istatistikler{width:747px;height:15px;margin:-11px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:13px;}
.yazar{background:url(resim/admin.png) no-repeat;padding:0px 0px 0px 20px;color:#3e828f;margin:1px 10px 0px 0px;float:left;}
.kategori{background:url(resim/kategori.png) no-repeat;padding:0px 0px 0px 20px;color:#3e828f;margin:1px 10px 0px 0px;float:left;}
.kategori a:link, .kategori a:visited{color:#3e828f;}
.yorum{background:url(resim/yorum.png) no-repeat;padding:0px 0px 0px 20px;color:#3e828f;margin:1px 10px 0px 0px;float:left;}
.tarih{background:url(resim/tarih.png) no-repeat;padding:0px 0px 0px 20px;color:#3e828f;margin:1px 10px 0px 0px;float:left;}

#sony{height:55px;margin:0px;font-size:24px;color:#3e828f;font-weight:bold;}
section{width:660px;background:url(resim/indexap.png) repeat-x;margin-bottom:30px;float:left;margin:20px 0px 20px 150px;}
article{width:655px;margin-top:20px;margin:5px 0px 5px 10px;}
h1,h1 a:link, h1 a:visited{color:#000;font-size:20px;font-weight:bold;font-family:Trebuchet MS;float:left;}

index.html

<section>
 <article>
 <div id="sony">SON YAZILAR</div>
 <div class="yazikapsam">
 <div class="temizle"></div>
 <a href=""><img src="resim/konuresmi.png" alt="" title="" width="282" height="175" > </a>
     <h1><a href="">Şehir Hayatı Hakkında</a></h1>
 <p>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır a deneme metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerini alarak karıştırdığı 1500'lerden beri endüstri standardı sahte metinler olarak kullanılmıştır. Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, aynı zamanda pek değişmeden elektronik dizgiye de sıçramıştır... </p>
            <div class="temizle"></div>
</div><div class="temizle"></div>
 <div class="istatistikler">
                <div class="yazar">Admin</div>
                <div class="kategori"><a href="">Kişisel</a></div>
                <div class="yorum">3 Yorum</div>
                <div class="tarih">07.09.2012</div>
                <div class="temizle"></div>
            </div><div class="temizle"></div>
 </article>
 </section>