I understand that you are testing this locally, but without seeing any mark-up and how your declared styles are applied to it, no one can really help.

If you want me to check it out, post a link to a online page where you say you applied the style and it is not working for some reason.

See ya

- as for limiting stuff server side. depending on the cms you are using this should be done in the backed. If not, just tell these client that they should limited the amount of characters used. Or more use:
.frame{ overflow:hidden} this will cutt off extra stuff. But that might not be so pretty.

As you can see, jeans wdoes not move up below cushion, it sits on its line. If I increase the size of pillow (frame3) it pushes both scarf and jeans down even further.

Do you think I going to have to use position absolute attributes to achieve the look I want?

Thanks again.

Position absolute is by far the last thing you should look at. Position absolute takes elements out of the normal flow of the document. To get the desired result with that you will have to do a lot of extra coding.

Let keep it efficient.
I see that you assigned a height to .frame1 .frame2 .frame3 .frame4 They all have a hieght of 250px; except for .frame2

So if you remove the height from all these frames and just combine them in 1 rule it is much more efficient (the same is true for all your other properties, combine everything if they use the same stuff, it saves you time money, bandwidth and troubles