Hello,

I am trying to make the content area change sizes to fit the content. Unfortunatly when I try to change the size it doesn't work. Here are some images that might be helpful.
Shadow:

Sliced:

Streched:

I assume you mean you want it to stretch vertically ???
Let's see the code or a URL. My bet is you haven't CLEARED your floats

Yes vertically, I have no idea what clear your floats means. Here is a link: http://driverlawfirm.com/beta/draft5.htm

If you use floats, you have to clear them - from our stickies:
http://www.webmaster-talk.com/css-fo...you-clear.html

Ok, I see several things:
1 - get rid of the absolute positioning, you don't need it and you're removing that box from the document flow.
2 - Your "txt-Raleigh" is not inside the box I assume you want it in, so of course it's going to appear to spill out of it. Given that the text is also positioned absolutely, it is also removed from the document flow and will not 'interact' with anything else on the page, including the box it should be in. It sort of floats freely above it.

Use the normal document flow, along with floats, and you'll get better results.

The content are is an image and the problem is the image is repeating rather then streching. The text is just there from FW I just want to be able to in DW drag the box (witch is an image) and have DW repeat the middle slice and make the box larger.

But it's not going to repeat it or stretch when you're using position:absolute for the box and the text to go inside it. You really don't need to put the entire box in as an image anyway, all you need is a horizontal piece of it, set it as a vertically repeating background on the div, and then you can put the text inside it - but not positioned. Then the box will stretch vertically with the text contents.