The left side would be a div with w/e text, for example whats in there now "test test test", the right an image. Both have rounded corners, if the user were to expand the text the container div would expand with it and so would the image. I know I can make the image larger then it needs to be and then give it a size and as they expand the text more of the image would be revealed but I have no idea how to approach this with rounded corners, is this possible?
Again, I understand the principle, however think of it this way. Most rounded corner techniques don't use an image such as mine, they use maybe a solid color or gradient. 2 images to represent left and right corners. You position the right corners bottom right, top right etc. You make the image larger then it needs to be to reveal a portion upon expansion. If i were to do this with an image that wasn't a solid color then how exactly would i manage to line up the, seeing as I would be using the same image for the top corner and bottom corner, it wouldn't line up, understand what I mean?