Need help with my Musician(Artist) Myspage Page ( Div Overlay Banner)

Hi all.. thanks in advance for your time and help.

Im building my my music page and i need help centering my banner.

I have some code to create some space between the top and the ads and i have inserted the banner inbetween .

Problem is when i look at it onmy 32" screen its off center
but when i look at it on my 17" screen its fine.

i want the image in the middle to adjust to every monitor.. but im not sure how to do this.

this is an example of what i want.. http://www.myspace.com/godforbid

its centered right in there.


here is teh code im using.

<div class="masthead"><span></span></div>

<style>
body {margin-top: 700px; }
</style>

<style>
.masthead {width: 920px; height: 540px;
position: absolute; margin-left: 35px; left: 0%; top: 10px;
background-image:url(http://www.lestblight.com/music/RHART/sample3.JPG);}

</style>
</style>
<style type="text/css">
table, tr, td { background-color:transparent; border:none; border-width:0;}body {background-color:Black;}</style>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UtY29kZS5vcmcv" target="_blank"></a><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UtY29kZS5vcmcv"></a>



<style type="text/css">


body{




scrollbar-track-color: ;

scrollbar-face-color: EAF2F1;

scrollbar-3dlight-color: EFEFEF;

scrollbar-highlight-color: FFFFFF;

scrollbar-darkshadow-color: ;

scrollbar-shadow-color: ;

scrollbar-arrow-color: ;


}


.ultgen { Table Properties }

table table { border: 0px }

table table table table{border:0px}

table, tr, td { background-color:transparent; border:none; border-width:0;}

table table table {
border-style:solid;
border-width:3px;
border-color:111111;
background-color:070707;
}

.ultgen { Text Properties }

table, tr, td, li, p, div { font-family:courier new; color:AFAFAF; font-size:10px;}

.btext { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}

.blacktext10 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}

.blacktext12 { font-family:courier new; color:AFAFAF; font-size:12px; font-weight:bold;}

.lightbluetext8 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}

.orangetext15 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}

.redtext { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}

.redbtext { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}

.text { font-family:courier new; color:AFAFAF; font-size:10px;}

.whitetext12 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}

.nametext { font-family:courier new; color:F2F2F2; font-size:16px; font-weight:bold;}

a:active, a:visited, a:link { font-family:courier new; color:AFAFAF; font-size:10px; text-decoration: none;}

a:hover { font-family:courier new; color:AFAFAF; font-size:10px; text-decoration: underline ;}

a.navbar:active, a.navbar:visited, a.navbar:link { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: none;}

a.navbar:hover { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: underline ;}

a.redlink:active, a.redlink:visited, a.redlink:link { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: none;}

a.redlink:hover { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: underline ;}




.blacktext12 { visibility:hidden; display:none; }

tr {background:transparent;}

body table div font a, body table div div {visbility:hidden;}

body table table div font a, body table table div div {visibility:visible;}



div table tr td font {visibility:hidden;}

div table table tr td font {visibility:visible;}



</style>

 

SORRY

my myspace address is

http://www.myspace.com/redheathers

 

I condensed the code a little. I think this should work: (using margin:0 auto; )

Code:

<div class="masthead"><span></span></div>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UtY29kZS5vcmcv" target="_blank"></a><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UtY29kZS5vcmcv"></a>
<style type="text/css">
body {margin-top: 700px; }
.masthead {width: 920px; height: 540px; margin:0 auto; top: 10px;
background-image:url(http://www.lestblight.com/music/RHART/sample3.JPG);}
table, tr, td { background-color:transparent; border:none; border-width:0;}body {background-color:Black;}
body{
scrollbar-track-color: ;
scrollbar-face-color: EAF2F1;
scrollbar-3dlight-color: EFEFEF;
scrollbar-highlight-color: FFFFFF;
scrollbar-darkshadow-color: ;
scrollbar-shadow-color: ;
scrollbar-arrow-color: ;
}
.ultgen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table, tr, td { background-color:transparent; border:none; border-width:0;}
table table table {
border-style:solid;
border-width:3px;
border-color:111111;
background-color:070707;
}
.ultgen { Text Properties }
table, tr, td, li, p, div { font-family:courier new; color:AFAFAF; font-size:10px;}
.btext { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}
.blacktext10 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}
.blacktext12 { font-family:courier new; color:AFAFAF; font-size:12px; font-weight:bold;}
.lightbluetext8 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}
.orangetext15 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}
.redtext { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}
.redbtext { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}
.text { font-family:courier new; color:AFAFAF; font-size:10px;}
.whitetext12 { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold;}
.nametext { font-family:courier new; color:F2F2F2; font-size:16px; font-weight:bold;}
a:active, a:visited, a:link { font-family:courier new; color:AFAFAF; font-size:10px; text-decoration: none;}
a:hover { font-family:courier new; color:AFAFAF; font-size:10px; text-decoration: underline ;}
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: none;}
a.navbar:hover { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: underline ;}
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: none;}
a.redlink:hover { font-family:courier new; color:AFAFAF; font-size:10px; font-weight:bold; text-decoration: underline ;}
.blacktext12 { visibility:hidden; display:none; }
tr {background:transparent;}
body table div font a, body table div div {visbility:hidden;}
body table table div font a, body table table div div {visibility:visible;}
div table tr td font {visibility:hidden;}
div table table tr td font {visibility:visible;}
</style>

BTW, those links at the top have no clickable part. They were in the middle of your code.