I have built a sliding text thing for a website.

http://www.solomonadventures.com/~new/adventure-tours/seafari-tours/

The background contains the menu (on the right hand side), and when it originally loads, I have placed an element to make the text look like it is wrapping around the menu.

Now, I have a sliding text thing I was asked to implement. The buttons to use it are currently in the top left corner.

My question is, when I slide the content down, am I able to somehow make the text still wrap around it?

This is all I have thought of so far (all with trade offs)

• Make the text appear beneath the menu - no need to wrap
• Make the text as narrow to the beginning of the menu - no need to wrap
• Manually place placeholders in the text that make it line break so it appears to wrap - not elegant (site uses a CMS too)

Is there any jQuery selector I could write that would allow me to select the paragraph from top (once slid to the top) or the top most text node (so I could do an after() to place a new placeholder element to force it to wrap?)

Any other solutions?

Many thanks.