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

[freeflow]

Yea but your thing is already HUGE I think you should do this
<style type="text/css">
body, tr,td{
background-color:######;
}
</style>

Where I put ###### Put the color code to the yellow in the picture and you will loose the grey.

If you absolutely want ot move it you need to move it more left so edit

this part:
margin-left:-400px;
of this code (in about me):
<style type="text/css">
.Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}
</style>