İç içe Geçmiş Divler - Yardım Bekliyorum

Yeni bir blogger teması kodluyorum ancak şuanki sorunumu bir türlü çözemedim.

Divler dıştan içeri sıralı olarak : body-wrapper, outer-wrapper

outer-wrapper içindekiler : header-wrapper, content-wrapper
header-wrapper içindekiler : ust-nav
content-wrapper içindekiler : main-wrapper, sidebar-wrapper

Şimdi bu duruma göre body-wrapper ve outer-wrapper' ın tüm divleri kapsayıp en yüksek genişliğe ulaşması gerekir değil mi ? Ancak durum böyle değil. O iki büyük div, içerisine yalnızca ust-nav kısmını alıyor. Yani genişliği de, yüksekliği de siteyi değil, yalnızca ust-nav divinin içeriğini kapsıyor. Küçük gözüküyor yani. En dışta bulunanın en büyük olması gerekir halbuki.

Kodları siteden bakarak, ögeyi denetle yoluyla bulabilirsiniz. Pek bir kod da yazmadım zaten sadece divleri açtım.

Site Burada.

Bu problemi nasıl çözebilirim arkadaşlar ? outer-wrapper yani sitenin en dışına bir border eklemek istiyorum ama bu sorun yüzünden olmuyor.

#content-wrapper {
width: 1150px;
background-color: #fff;
margin-top: 15px;
overflow: hidden; /*Bunu ekleyin*/
}

Çok teşekkürler düzeldi. Verdiğiniz kodun özelliği nedir acaba ?

Bu kod div dışarısına taşmalar olduğunda taşan kısımların nasıl görüntüleneceğini gösterir.