What I'm trying to do is make a Post-It Note that has text "written" on it. This text could be a few words, or a few very long paragraphs. The post-it must adjust height to accommodate its contents. However, I don't want it to adjust width. Also, the post-it should never have a height of less than it's width.
What I did was create a square post-it image in photoshop, and then set that as the background image to a div containing the text.
When the length of the text doesn't fit inside the div, you can see the problem: I either get another post-it image (if the background is repeating), or I run off the edge of the one post it note (if no-repeat).
How can I make the post-it background graphic change heights so that the entire text fits on it?