The problem shown in your image on the right is simply caused by each line of text being exported in its own div. When resized by the users browser the text will enlarge and appear to overlap or truncate itself because it can only wrap inside its own div.
For the whole paragrah to be able to wrap when resized it needs to be all in one div. Unfortunately Xtreme does nog export it this way and is something you will have to do manually in you html editor provided its possible to do without effecting the other fixed postioned elements of your design.
Bookmarks