Help, Div layout Options

[momo9041]

Ok i designed this out but i need help putting contect boxes over the pictures.but i want the pictures to be seen when i put the content boxes over them.can you help?


Heres a picture of my design

[momo9041]

ok sorry you guys arent getting my Q so heres the codes so maybe you can help me out better or understand better

About me

CODE

.. begin code provided by createblog.com -->
<style>
{sets the default style for the body, table data, list data, divisions and text areas}
{ body, well you know what that is}
{ div, p, and xmp are classes}
{ table, tr, td, and th are table properties}
body,div,p,xmp,table,tr,td,th{
background-color:FFFFFF;
scrollbar-arrow-color:FFFFFF;
scrollbar-track-color:FFFFFF;
scrollbar-shadow-color:CCFFFF;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-3dlight-color:FFFFFF;
font-family:tahoma;
font-size:8pt;
color:000000;
border:none;}

input, select, textarea, .textfield, .button {
font-family:tahoma;
font-size:8pt;
color:000000;
border: 1px dashed 000000;
background-color:transparent;
text-align:center;}

{ TEXT DEFAULTS }
{class for the basic font for the page}
.text {
font-family:tahoma; font-size:8pt; line-height:10pt; color:000000;text-align:justify;}

b,i,strong,em,u,s {
font-family:tahoma; font-size:8pt;color:000000;font-weight:normal;cursor:help;}

{style for the number of friends you have.}
.redbtext{font-family:tahoma; font-size:8pt; line-height:10pt; color:000000;border:0px solid 000000; }

{repeat of the style for how many comments you have}
.redbtext{font-family:tahoma; font-size:8pt; line-height:10pt; color:000000; border:0px solid 000000;}

{"Blurbs", "About Me", "Who I’d like to Meet", "Friend Space", and "Friend’s Comments" style}
.orangetext15{font-family:courier new; text-transform:uppercase; font-size:11px; color:000000; font-weight:bold;background:000000; border:0px solid 000000;text-decoration:underline;}

{"General", "Music", "Movies", "Television", "Books", "Heros", "Status", "Here for", "Hometown", "Body Type", "Ethnicity", "Religion", "Sign", "Smoke/Drink", "Children", "Education", "Occupation", and "Income" title style}
.lightbluetext8{font-family:courier new; text-transform:uppercase; font-size:11px; color:000000; font-weight:bold;background:000000;border:0px solid 000000;text-align:right;}

{"In your extended network" style}
.blacktext12{font-family:courier new; font-size:16px; color:FFFF00; font-weight:bold;text-decoration: underline; text-transform:uppercase;}

{"Contacting", "Interests", "Details", and "Schools" title styling}
.whitetext12{font-family:courier new; font-size:16px; color:000000; font-weight:bold;text-decoration: underline; border:0px solid 000000; text-transform:uppercase;}

{Stylizing of your name above your picture; appears you can’t change the color of your name from here. Suggestions?}
.nametext{font-family:courier new; font-size:16px; color:000000; font-weight:bold;text-decoration:underline;border:none;text-transform:uppercase;}

{date stamp on comments}
.blacktext10{font-family:tahoma; font-size:8pt; line-height:10pt; color:000000;border:0px solid 000000;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a, a:link,a:active,a:visited{font-family:tahoma; font-size:8pt; line-height:10pt; color:000000;text-decoration:none}
a:hover{border-bottom:1px dashed 000000; font-family:tahoma; font-size:8pt; line-height:10pt; color:000000;}

{not used on profile}
a.readmail,a.readmail:link,a.readmail:active,a.readmail:visited{font-family:tahoma; font-size:8pt; line-height:10pt; text-decoration:none;color: 000000;}
a.readmail:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:000000;border-bottom:1px dashed 000000; }

{ "View all friends" and "invite more" link style}
a.redlink,a.redlink:link,a.redlink:active,a.redlink:visited{font-family:tahoma; font-size:8pt;font-weight:bold;color:000000;text-decoration:none}
a.redlink:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:000000;border-bottom:1px dashed 000000;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar,a.navbar:link,a.navbar:active,a.navbar:visited{font-family:tahoma; font-size:8pt;color:000000;text-decoration:none}
a.navbar:hover{font-family:tahoma; font-size:8pt; line-height:10pt; color:000000; border-bottom:1px dashed 000000;}

{ TEXT FORMATTING
DEFAULT FONT, SIZE 8, BLACK }
{ btext used for "latest blog entry" and "USERNAME has * friends"}
.btext, .itext{font-family:tahoma;  font-size:8pt; line-height:10pt; color:000000;border:0px solid 000000;}

{ DEFAULT FONT, SIZE 8, COLORS }
{unused on profile}
.bwtext, .rtext, .rbtext, .subhead{font-family:tahoma; color:000000;font-size:8pt;font-weight:bold;}

{ DEFAULT FONT, SIZE 8 }
{unused on profile}
.stext, .sbtext, .swtext{font-family:tahoma; color:000000;font-size:8pt;}

{ DEFAULT FONT, SIZE 11 }
{unused on profile}
.head11, .text11{font-family:tahoma; color:000000;font-size:8pt;}

{ TABLE COLORS }
{apparently unused?}
table.grey, tr.grey, td.grey{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid 000000;}
table.white, tr.white, td.white{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid 000000;}
table.accent_light, tr.accent_light,
td.accent_light{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid 000000;}
table.accent_dark, tr.accent_dark,
td.accent_dark{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid 000000;}
table.action, tr.action, td.action{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid 000000; }
table.blue_light, tr.blue_light,
td.blue_light{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid 000000;}
table.blue_dark, tr.blue_dark, td.blue_dark{font-family:tahoma;
font-size:8pt;background:transparent;border:0px solid 000000;}


{"Help" and "Signout" in very top in right corner}
a.man,a:link,a:active,a:visited{font-family:tahoma; font-size:8pt;color:000000; text-decoration:none;}
a:hover{font-family:tahoma;
font-size:8pt;color:000000; text-decoration:none;border-bottom:1px dashed 000000;}
</style>
.. end code provided by createblog.com -->

Who i'd like to meet

CODE

<div class="bg" style="position: absolute; left:100px; top:100px; width:1024px; height:768px; overflow: hidden;">
<img src="http://i135.photobucket.com/albums/q154/333_043/nnfg.jpg">
</div>

<div class="content" style="position: absolute; left:100px;  top:400px; width:270px; height:300%; overflow: visible;hidden"><center>
lalalalala this is your content!fdafafsafasfaadsdfsfsdfsfsf
</div>