[plaedien]

Hi guys,

This is driving me nuts, and after an exhaustive google search, I cant seem to find a solution to this particular problem.

I have background image in the tag,

html, body {
 background-color: #ffffff; 
background: url(images/background-bamboo.png) top right no-repeat fixed; 
font-family: sans-serif;
 position: relative;
width: 100%; 
height: 100%; 
min-height: 100%; 
display: table; 
behavior: url(PIE.php); }

which works fine when scrolling up and down, but the problem is when the browser is resized horizontally the background image slides across, when I really want it positioned so that it never leaves the side of the div that sits on top of it.

Here is the site at the moment.

http://onthemend.com.au/test/

at a browser width of about 1525px, this is how I would want the background image to sit.

Any ideas? I know it's most likely something simple, but its doing my head in.

thanks