Help me with a tricky CSS problem

I don't know if I'm missing something with this or what! Seems like there should be a simple solution but I can't seem to find it myself.

Here's the site I'm working on:

http://portfolio.meganmcdermott.com/

See the flower on the right side? It's in the correct position at higher resolutions. The problem is that it causes horizontal scrolling at 1024 x 768. Can anyone think of a way to have it appear there yet not cause scrolling? I could just narrow the width of the whole thing, but I kind of think it's too narrow already ... we'll see what happens when I start putting content in there.

Thanks for any ideas!