2 background images for single div?

Hi all,
Can I use 2 background images for single div, one image will float left and other is float right?
This is my first message and I am new one here, Hope get good answer!!! :)

Hi

Set one of your images on the DIV background to the required position and then set your second image using the IMG tag.

#myBackgrd { }
#myBackgrd img{ }

u can also use nested divs for two images

.div1
{
background:url(...) top left no-repeat;
}

.div2
{
background:url(...) top right no-repeat;
}


and use the divs like this

<div class="div1">
<div class="div2">

contents.....
</div>
</div>

Quote:

---

Originally Posted by gurmeet

u can also use nested divs for two images

.div1
{
background:url(...) top left no-repeat;
}

.div2
{
background:url(...) top right no-repeat;
}


and use the divs like this

<div class="div1">
<div class="div2">

contents.....
</div>
</div>

---

While nested <div>'s can work, any block-level element would accomplish the same effect, without the potentially extraneous tag.

Quote:

---

Originally Posted by hotice

Hi all,
Can I use 2 background images for single div, one image will float left and other is float right?
This is my first message and I am new one here, Hope get good answer!!!

---

What exactly is the desired outcome?