background ile ilgili sorunum var

Arkadaşlar, tamamen CSS bir site hazırlıyorum. Usta değilim, öğrenci sayılırm
Aşağıda sitemin HEADER bölümü için CSS kodları var.

.header {
	width: 94%;
	height: 40px;
	top: 3%;
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

Kodta görülen header-bg.jpg büyük bir resim, ama BODY ölüsü 700px 'e tekabül ediyor. Resim sığmıyor yani. Ben resmi küçültmek istemiyorum. Çünkü yüzdeliklerle çalışmıyorum, piksellerle çalışmıyorum. Sorunum şu ki, resmi küçültmeden backgorund bölümüne resmi nasıl gösteririm. Resim büyük olunca yarısı görünüyor.

Umarım anlatabilmişimdir. Saygılar

bu tarz bir şeymi istiyorsun?

Dediğinizi tam anlamıyla anlayamadım ama şurayı inceleyin isterseniz

http://css-tricks.com/how-to-resizea...kground-image/