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 toyo thanks for all your help but i'l still be needing you on this quest of mines lol.

thank you for giviing my the <a herf> code and information.
now that next step is making yet another div over lay, over the div i already have so i can instert the <a herf> and people can see it.
understand?

this is the overlay you helped me out with
in whod il 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>

and in 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>

myspace.com/sleeping_with_pain

i would like to add pictures or images i have created over this overlay as links with div code do i use?