Need to know how to place a tiling image in the div tags

Question

Let me see if I can explain what I want to do in a way that makes sense.
I have created a box using the <div> I want a background image I made in photoshop that has rounded corners. I need this image to stretch or tile the length and width of the box without duplicating the image in the tile. I don't want multiple rounded corner corner boxes appearing. Just the one stretched.
I am guessing I need to crop the rounded corner top, bottom and take a 1 px tall crop from from the center of the image for tiling and the top and bottom remain fixed in their position.
I don't know how to place these in the box if my assumptions about cropping are right.
I don't know how to stretch the width of the image to fit the width of the box either. Do I need to create a fixed width image the width of the box or can it stretch to fill the width?
Using DW CS6
Thanks

Answer 1

Tiling would mean duplicating itself horizontally and vertically to appear as though it were tiled (envision a shower wall).
You do not want it to tile it sounds like, but you want the background image to cover the entire background by resizing to whatever size the containing <div> is.
That can be done relatively easily with the css3 background-size property.
The css would look like this...
#container_id {
     background-image:url(your_image.jpg);
     background-size:100% 100%;
     background-repeat:no-repeat;
Then the html would look like this...
<div id="container_id>
     your content
</div>