positioning issues Options

[brighten]

http://profile.myspace.com/index.cfm?fusea...iendid=58582650

that big comment picture you see over the text needs to be down by the first paint brush thing. I've changed the top positioning to a million different things and I don't understand why it will work on my bg div but not my content div?

CODE

</font></font><style>
div div table div {display:none;} .clearfix table div div {display:block;}
tr td div, div td, div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important; }</style>

<style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>

<style>
body { background-color: FFFFFF;}

</style>

<div class="bg" style="position: absolute; margin-left: -400px; left: 50%; top:175px; width:800px; height:471px; overflow: hidden;">
<center><img src="http://img136.imageshack.us/img136/4672/bgzp5.gif" /></center>
</div>

<div class="content" style="position: absolute; margin-left: -250px; left: 50%; top:500px; width:370px; height:48px; overflow: auto;">
<img src="http://img55.imageshack.us/img55/6196/commentmc0.gif" />
</div>