css - bunu nasıl yapabilirim?

Arkadaşlar aşağıda resimde göreceğiniz gibi siyah ve sarı alan ekran boyutu ne kadarsa o kadar sağa doğru gidecek ama yeşil alan her zaman sabit kalacak ve içerikler yeşil alanda yer alacak.

Nasıl yapabilirim?

body{background:yellow url("siyahalan.jpg") repeat-x top;}
#icerik{width:1000px;margin:0 auto; backgound:green;}

içerik alanına yükseklik vermedik içerik geldikce alan yükselcek

siyah alana bir şey yerleştirecekseniz background olarak kullanmayın ne yapacağınızı söylerseniz bir örnekte ben verebilirim.

sarı sıyah olan kısımların yukseklıgı bellıyse, body e background olarak repeat ettır uzerunede yesılı koy..
Css kodu:
body {background:url(ımg/sarislyah.png) repeat-x;}
#kapsa{width:960p; margin: 0 auto; background:green;}