كيفية عمل صورتين خلفية ل div واحدة؟

[مهندس مصرى]

السلام عليكم ..
واجهتني مشكلة في ال css
وهو اني احتجت لعمل صورتين خلفية لل div
صورة متكررة عامة على ال div كلها
وصورة اخرى غير متكررة في اليسار
لكن للاسف تظهر الصورة المتكررة فقط والاخرى لا تظهر !
فهل من حل؟؟

الكود ..

#header {
    background: url(images/header.gif) repeat-x top left;
    background: url(images/banner.gif) no-repeat top left;
  }
و عند الاستخدام
<div id="header"></div> 

وفشل الكود .. يظهر فقط الصورة المتكررة

حاولت باستخدام حل آخر ..

#header {
    background: url(images/header.gif) repeat-x top left;
  }
  #header .logo{
    float: left;
    background: url(images/banner.gif) no-repeat top left;
  }
وعند الاستخدام
<div id="header">
   <div class="logo"></div>
</div> 

وفشل أيضاً

حاولت عمل id مستقل عن ال header لكن لا فائدة .. لان ال div التي تحتوي على الصورة banner بداخل ال div الخاصة بال header ولا استطيع اخراجها منها لانها ضرورية.

فهل يوجد حل معين لاستخدام صورتين خلفية بال css ?

[سحاب اون لاين]

لا يمكن ان يكون لعنصر واحد خلفيتين
يمكن عمل ديف داخل ديف ولكل واحد منهم خلفية

[Fez-Soft]

الأخ سحاب أجاب عليك ..

بتفصيل .. اعمل الديف الأولى و اجعل لها الخلفية المتكررة
و اعمل في وسطها ديف أخرى و اعطها العرض 100% و الطول 100% و الخلفية التي تريدها في اليسار
مع تصفير اعدادات padding و margin

موفق ..

[Mostafa Maher]

#header {
    background: url(images/header.gif) repeat-x top left;
  }
  #header .logo{
    float: left;
    background: url(images/banner.gif) no-repeat top left;
    width: 50px; // عرض الصورة banner.gif
    height: 50px; // إرتفاع الصورة banner.gif
  }
وعند الاستخدام
<div id="header">
   <div class="logo"></div>
</div>

[مهندس مصرى]

نجحت
كان ينقص فقط اعطاءها طول وعرض
جزاكم الله خيراً جميعاً وبارك الله فيكم