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