Hi, its a little difficult to know exactly how to help without seeing the page you are working with, but I will try. From your posts and the example page you provided, I will assume that you wish for the background image to:
1 - fill the entire browser of the view.
2 remain stationary when the person scrolls down?
Depending on what else you are including in the page could make a difference, but the page you provided as an example is done this way:
<style type="text/css">
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 300px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:25px; left:10px; width:160px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
</style>
- <style type="text/css">
- html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left;}
- body {font-family:verdana, arial, sans-serif; font-size:76%;}
- #background{position:absolute; z-index:1; width:100%; height:100%;}
- #scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
- #content {padding:5px 300px 20px 200px;}
- p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
- #fixed {position:absolute; top:25px; left:10px; width:160px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
- </style>
The important thing to remember is that both your background image and body be set at 100% x 100%.
Basically this is the idea, these forums I think translated automatically and not I had set, if not understood me something tell me to put it properly in English, to see that so understandable I can