Hi,

I have a series of pages which are ajax-loaded into a column.

Behind the column is a div of identical width which provides a semi-transparent background.

I prefer to get rid of scrollbars, and give the viewer the means to scroll: using draggable-y.

Now: if i use on the imported pages either margins or padding on the left or right, there's a non-scrollable area: and a mousedown in this area overlays the whole column with a blue colour.

You can see the effect here

Short of recoding all the pages with "white-space:pre-wrap", can anyone suggest a solution?

Cheers