مشكلة عند تصميم هيدر بالـ css | نقطة تمدده واحده + صورة واحده

السلام عليكم

اريد تصميم هيدر بصورة وسطى ونقطة تمدد واحده بـال css طبعاً

ولم استطيع ابداً

حيث انني لم اقدر ان اقوم بتوسيط الجزء الذي اريده رغم المحاوله عدة مرات

مثال على الشكل النهائي الذي اريده (مثال سريع)




جزء اوسط وبالباقي تمدد على الجنبين (نفس اللون)

وهذا هو الكود الذي قمت بصنعه

رمز Code:




Untitled Document

body
.h1{
background-image: url(New%20folder/images/header1.gif);
background-repeat: repeat-x;
height:300px;
}

.h2{
background-image:url(New%20folder/images/header2.jpg);
background-repeat:no-repeat;
height:300px;
}




















تلاحظون الجزء h2 يظهر باليسار وليس الوسط وعند اضافة كود التوسيط فلا يتوسط ابداً

اتمنى المساعده من الخبراء

شكرا







أكثر...