Help with Div over lay, help with div over lay Options

[GatesOfAbove]

ok im trying to cover up a this black void with a div over lay but the part i want to cover up is
all the way to the right of the screen i used your "simple div overlay code" but the farthest i can move it is in the middle... also is there a way i can lock it once its placed so if i scroll up or down it stays in its original place?

this is what it looks like

this part in the About me Section
<Style type="text/css">
Body{
background-color:000000;
background-image:url(http://i63.photobucket.com/albums/h152/GatesOfAbove/d398b99a.jpg);
background-position:Top left;
background-attachment:fixed;
background-repeat:no-repeat;
}
Table, Td{background-color:transparent;border-style:none;}
img { filter: none; }
a:link img { filter: none; }
a:hover img { filter: none; }
</Style>

<Style>
. {removes top links and navbar}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}
</Style>

<style type="text/css">.contactTable {display:none!important; border:0px !important;}</style>

<Style>
. {hiding the copyright}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}
</Style>

<style>.orangetext15{display: none;}</style>

<style type="text/css">
table tbody td table tbody tr td.text table {visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}</style>

<style>
td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible;}
td.text td.text td a {visibility:hidden;}</style>

<Style>
table td.text {visibility:hidden;}
</Style>

and this part in the in the Who id like to meet

<div class="bg" style="position: absolute; left:100%px; top:0px; width:122px; height:845px; overflow: hidden;">
<img src="http://img240.imageshack.us/img240/6740/half4cv.png">
</div>

<div class="content" style="position: absolute; left:500px; top:000px; width:000px; height:000px; overflow: auto;"><center>
lalalalala this is your content!
</div>

and one more question i was messing with the div overlay thing and tired to overlay everything with one big pic but it just would cover everything im talking about the whole screen is what i want to cover, thats y im using css cause its covers more. Is there another code i should be using? thanks for the help
no links nothing

[GatesOfAbove]

ok i was fooling around with it plugged in

and it showed my a preview of where it was. i had it in the prefect postion. so i hit submit mitt

but when i went to check out my page it was there why is this?

Who i'd like to meet
<DIV class="Main"> <table style="width:500px; height:0px; cellpadding:0px; cellspacing:0px; border:0px solid silver; background-color:000000;}"> <tr> <td valign="top"><img src=http://i63.photobucket.com/albums/h152/GatesOfAbove/d398b99a.jpg>
</td> </tr> </table> </DIV>

<div class="bg" style="position: absolute; left:250px; top:650px; width:320px; height:122px; overflow: hidden;">
<img src="http://img484.imageshack.us/img484/5260/middlefinger3ho.jpg">
</div>

<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
lalalalala this is your content!
</div>

About Me

<style type="text/css">
.Main { position:absolute; left:505; top:0px; width:800px; z-index:1; margin-left:-446px; padding:0px; border:0px; background-color:transparent;}
</style>

<style type="text/css">
body, tr,td{
background-color:000000;
}
</style>

if you plug this in and then hit preview for who id like to meet you'll see it there and when you hit submit and go to the site its not why?

http://myspace.com/sleeping_with_pain

(doing everything in safe mode)