مشكلة في توزيع navigation بالــcss

[MaJoOoDy]

لدي قائمة ( navigation ) لمدونة بالشكل التالي :
http://s17.postimage.org/aj7ui4s4f/image.jpg
أريد تأطيرها عن طريق css بالصورة التالية ( صورة يمين + محتوى القائمة مع خلفية متمددة + صورة يسار ) .


قمت بعمل 3 div على الشكل التالي :

	<div id="right">
	</div>
	
	     <div id="content">
	      content
             </div>
	
	<div id="left">
	</div>

وفي ملف الــcss كتبت التالي :

#content {
	background:url(images/navbarmid.png) repeat-x;
	height: 39px;
	line-height: auto;
}
#righ {
	background:url(images/navbarright.png) no-repeat top right;
	background-position: 0 0;
	float: right;
	height: 39px;
	width: 20px;
	float: right;
}

#left {
	background:url(images/navbarleft.png) no-repeat top left;
	float: left;
	background-position:-30px 0;
	height: 39px;
	width: 24px;
	float: left;
	
}

لكن لم تضبط معي


السؤال الآخر :
أريد الحفاظ على مسافات متساوية بين عناصر القائمة ( navigation ) بحيث كل ما أضفت أو أزلت عنصر للقائمة تتوزع المسافات بين العناصر بشكل متساوي ..

[MaJoOoDy]

هل من طريقة لحل هذه المشكلة .....؟

[Majd ANIS]

اعتقد بأن المشكلة هو بسبب عدم تحديد قيمة margin
بجميع الاحوال انظر الملف المرفق لعله المطلوب بالنسبة لك .

[MaJoOoDy]

Majd ANIS

طلبي بالضبط هو :
"أريد تأطيرها عن طريق css بالصورة التالية ( صورة يمين + محتوى القائمة مع خلفية متمددة + صورة يسار ) ."

حاليا أنشأت القائمة كاملة بواسطة الــcss ، ولكن لي عودة لطريقة التأطير بعد أن أتقنها ...