Background Overflow Help! Options

[klyles29]

Can anyone could help me?

My div background is as follows:

<div style="position: absolute; top:0px; left: 0px; width:1024px; height:1024px; overflow: auto; background:FFFFFF;">
<IMG SRC="http://img167.imageshack.us/img167/6159/yunaandtidusnewwm1.jpg" BORDER=0>
</div>

The dimensions of the background image is 1280 x 1024, which fits fine on my screen but people with smaller resolutions say that my background and text runs off to the right of the page. I would hate to rescale my whole page down to a smaller resolution, so instead I thought I could change the overflow to auto so I would have scrollbars so other people could scroll over to the right side of the page to see the rest. But then when they scroll over, all of my text boxes scroll with it instead of just the background. How do I get just the background to scroll over and everything else to stay put?

My myspace url is www.myspace.com/tightend

Someone please help me if you can. Thanks!

[freeflow]

When the image is to big in their screen it will automatically scroll over. Unless they have safari, which I doubt it unless they use a mac. So take out overflow auto. And put in the exact height and width of the image.

If the image exceeds the page for them it will scroll automatically. Or when its too far a center way it will scroll.

And change your code to thiss , you are missing the class part, so that can be a reason why all your divs move. You need the "class="blahblah" "" for all your divs. (give each one a diff name)

CODE

<div class="background" style="position: absolute; top:0px; left: 0px; width:1024px; height:1024px; overflow: auto; background:FFFFFF;">
<IMG SRC="http://img167.imageshack.us/img167/6159/yunaandtidusnewwm1.jpg" BORDER=0>
</div>

[klyles29]

thanks a bunch!