HELP! Options

[speakerboxx123]

i have this on my website:

CODE

<title>JetSet.</title>

<style type="html/css">
#background {position: absolute; top: 0%; left: 50%;}
#content {postion: absolute; top: 0%; left: 50%;}
</style>

<style type="html/css">
body {background-color: #FFFFFF; color: #FFFFFF; font-family: arial; font-size: 10px; }
</style>

<style>
body {background-image:url(http://jetset.biz.ly/images/stripesblue.png); }
</style>

<div id="background">
<img src=http://jetset.biz.ly/images/background.PNG>
</div>

but the white part[my "background"] doesnt want to move!!! i tried changing whats in bold...

{postion: absolute; top: 0%; left: 50%;}

and it wont move

its driving me crazy !!

[*digitalfragrance*]

Try it this way instead:

CODE

<title>JetSet.</title>

<style type="html/css">
#content {postion: absolute; top: 0%; left: 50%;}
</style>

<style type="html/css">
body {background-color: #FFFFFF; color: #FFFFFF; font-family: arial; font-size: 10px; }
</style>

<style>
body {background-image:url(http://jetset.biz.ly/images/stripesblue.png); }
</style>

<div style="left: ##px; top: ##px; position: absolute; overflow: auto;">
<img src=http://jetset.biz.ly/images/background.PNG>
</div>

And edit the left and top ##s in your last div layer.
If that doesn't work, insert "margin-" in front of those words - EX: "margin-left" and "margin-top" instead of "left" and "top".