top banner & background issues Options

[dollywood]

Hi there

im making a myspace here: www.myspace.com/tgvisualsbands

im using a code and image sizes that i always use but for some reason the complete pic isnt showing the edges are cut off the image should look like this:

http://s378.photobucket.com/albums/oo222/t...urrent=ya16.jpg

but as you can see from the site the cliffs and rocks are missing from the edges and theres a gap in the image

here is my code

CODE

<style>
.profileWidth table { margin-bottom:760px; width:800px; }
.rail { display:none; }
.gap {
background: top left no-repeat;
width:800px; height:800px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -800px;
</style>

<div class="gap"></div>

<style>

.orangetext15 {display: none;}
.whitetext12 {display: none;}

table table div embed, table table div object {position:relative; z-index:9;}

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

body {
background-color: ffffff;
background-image:url(http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/ya300.jpg);
background-position: 50% -5px;
background-repeat: no-repeat;
background-attachment: scroll;
}

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:000000;
font-size:7.5pt;
line-height: 10pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:verdana;
}

strong, .lightbluetext8, .btext, .redtext, .redbtext{
color:000000;
font-size:7.5pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:verdana;
}

a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:a28b6c;
font-size:7.5pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:verdana;
}

a {
color: a28b6c !important;
font-family: verdana !important;
}

a:hover {
color: 000000 !important;
font-family: verdana !important;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:000000;
font-size:7.5pt;
font-weight:normal;
font-style:normal;
text-decoration:normal ;
text-transform:none;
font-family:verdana;
}

table table table table, div table table table{
border-style:none;
}

</style>

<style>

.latestBlogEntry {
position:absolute;
top:1033px;
margin-left: -395px;
left:50%;
width: 325px;
background-color: transparent;
font-size:7.5pt;
font-family: Verdana
z-index: 9;
}

table .latestBlogEntry {
width:325px!important;
}

.topbanner {position:absolute; left:50%; top:171px; margin-left:-400px; _margin-left:-400px; width:800px; height:800px; z-index:1;}

.blog {position:absolute; left:50%; top:980px; _top:983px; margin-left:-398px; _margin-left:-398px; width:320px; height:45px; z-index:1;}

.mid {position:absolute; left:50%; top:970px; margin-left:-435px; _margin-left:-435px; width:862px; height:2560px; z-index:-1;}

.tw {position:absolute; left:50%; top:1209px; _top:1221px; margin-left:-398px; _margin-left:-398px; width:320px; height:45px; z-index:1;}

.tw2 {position:absolute; left:50%; top:1283px; _top:1295px; margin-left:-398px; _margin-left:-398px; width:190px; height:250px; z-index:1;}

.mi {position:absolute; left:50%; top:1563px; _top:1575px; margin-left:-398px; _margin-left:-398px; width:320px; height:45px; z-index:1;}

.shows {position:absolute; left:50%; top:1330px; _top:1338px; margin-left:-58px; _margin-left:-62px; width:325px; height:45px; z-index:1;}

.toptext {position:absolute; left:50%; top:714px; margin-left:-445px; _margin-left:-445px; width:874; height:206px; z-index:2;}

.rt {position:absolute; left:50%; top:100px; margin-left:-440px; _margin-left:-440px; width:1010; height:173px; z-index:0;}

.links {position:absolute; left:50%; top:923px; margin-left:-440px; _margin-left:-440px; width:873; height:50px; z-index:2;}

.l {position:absolute; left:50%; top:923px; margin-left:-432px; _margin-left:-432px; width:856; height:3px; z-index:2;}

.l2 {position:absolute; left:50%; top:974px; margin-left:-431px; _margin-left:-431px; width:856; height:3px; z-index:2;}

.lt1 {position:absolute; left:50%; top:169px; margin-left:-503px; _margin-left:-503px; width:1009; height:3px; z-index:2;}


html body.bodyContent table tbody tr td table tbody tr td.text table.friendSpace tbody tr td.text table tbody tr td span.orangetext15{
display: block !important;
height: 45px !important;
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0px;
overflow: hidden;
background-image: url(http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/friendsdirty.jpg);
background-repeat: no-repeat;
color: 9e8768 !important;
line-height: 10px !important;
margin-top: -3px !important;
background-color: transparent !important;
}

html body.bodyContent table tbody tr td table.friendsComments {
width: 720px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 20px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;
_width: 720px !important;
_margin-left: -12px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;}

table.friendsComments tbody tr td.text table tbody tr td {
background-color: transparent !important;
height: auto !important;}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15 {
background-image: url(http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/commentsdirty.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 45px !important;
color: 000000 !important;
width: 450px; position: relative;
overflow: hidden;
font-size: 0px;
text-align: right;
margin-top: 30px;
line-height: 300px !important;
_width: 450px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 45px !important;
_margin-bottom: -1px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b {
display: block;
position: absolute;
z-index: 9;
width: 750px;
height: 15px;
line-height: 15px;
overflow: hidden;
margin: -25px 0 0 8px;
text-align: right;
padding-right: 12px !important;
color: 000000;
font-weight: normal;
font-family: verdana;
font-size: 10px;
_margin: -30px 0 0 12px;
_font-size: 10px !important;
_color: 000000;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext {
font-weight: normal;
color: F4F4F4;
padding: 0px 2px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a {
color:F4F4F4 !important;
font-size: 10px !important;
font-family: verdana
text-transform: normal;
margin: 0 -7px 0 -8px !important;
padding: 0 9px 0 9px !important;
background-color: transparent !important;
position: relative !important;
display: inline !important;
z-index: 9;
border: none !important;
letter-spacing: 0px !important;
_font-size: 10px !important;
_margin: 0 !important;
_padding: 0 !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table {
overflow: hidden !important;
border: 1px 000000 !important;
border-color: 000000 !important;
width: 100% !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td {
background-color: transparent !important;
text-align: left;
vertical-align: top;
overflow: hidden !important;
font-size: 10px !important;
line-height: 12px !important;
text-transform: none !important;
letter-spacing: 0px;
color: 000000 !important;
margin: 0 !important;
padding: 5px 0px 5px 0px;
border-bottom: 0px 000000 !important;
border-color: 000000 !important;
_line-height: 16px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10 {
color: 000000 !important;
text-transform: None !important;
margin: 0px !important;
padding: 0px important;
display: block !important;
font-size: 10px;
font-family: verdana !important;
font-weight: normal;
letter-spacing: 1px;
text-align: right;
margin: 10px 10px -12px 0px !important;
width: 650px;
border-top: 1px 000000;
_margin: 12px 0px -.5em 0px !important;
_width: 650px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td {
background-color: transparent !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td a {
display: block;
border: 0px 000000 !important;
border-color: 000000 !important;
border-top-style: solid !important;
border-top-width: 0px !important;
text-align: center;
text-transform: none;
padding: 8px;
font-size: 10px;
letter-spacing: 1px;
color: transparent !important;
position: relative !important;
margin-top: -3px !important;
background-color: transparent;
_margin-top: -6px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a {
display: block !important;
color: a28b6c !important;
margin: 0px !important;
padding: 10px 10px 0px 10px !important;
text-transform: none !important;
margin-bottom: -15px !important;
font-size: 10px !important;
line-height: 11px !important;
border: none !important;
letter-spacing: 0px !important;
text-align: center !important;
width: 110px !important;
overflow: hidden !important;
font-weight: normal;
_width: 124px !important;
_margin-bottom: -15px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a img {
visibility: visible !important;
border: 0px 008080 !important;
border-color: 000000 !important;
padding: 0px !important;
margin: 0px !important;
margin-top: -12px !important;
width: auto !important;
_margin-left: 0px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img.ImgOnlineNow {
display: block;
position: relative;
margin: 15px 0 -20px 26px !important;
border: none !important;
_margin: 15px 0 -20px 21px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img {
max-width: 100%;
margin: 0px !important;
margin: 0px 0px 12px 0px !important;}

table table table table td.text span.whitetext12 {
position: relative;
top: 0px;
display: block;
left: 0px;
visibility: visible;
width: 1px;
height: 10px;
text-indent: -999999px;
background: transparent bottom left no-repeat;
}


</style>

<div class="topbanner">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/main300.jpg" />
</div>

<div class="links">
<table id="Table_01" width="873" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblacksliced_01.png" width="28" height="50" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD01MDYxNjI1OTQ=">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblack_02.jpg" width="74" height="50" border="0" alt="" /></a></td>
<td>
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblacksliced_03.png" width="44" height="50" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTUwNjE2MjU5NA==">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblack_04.jpg" width="144" height="50" border="0" alt="" /></a></td>
<td>
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblacksliced_05.png" width="39" height="50" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTUwNjE2MjU5NA==">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblack_06.jpg" width="177" height="50" border="0" alt="" /></a></td>
<td>
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblacksliced_07.png" width="44" height="50" alt="" /></td>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=506162594&albumId=0">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblack_08.jpg" width="153" height="50" border="0" alt="" /></a></td>
<td>
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblacksliced_09.png" width="36" height="50" alt="" /></td>
<td>
<a href="mailto:yardarmstudio@btinternet.com">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblack_10.png" width="115" height="50" border="0" alt="" /></a></td>
<td>
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linksheaderblacksliced_11.png" width="19" height="50" alt="" /></td>
</tr>
</table>

</div>

<div class="tw">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/twitterdirty.jpg" /></div>

<div class="tw2">
<center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="250" width="190" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="bgcolor" value="000000" />
<param name="flashvars" value="userID=85629453&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" height="250" width="190" align="middle" wmode="transparent" quality="high" bgcolor="000000" flashvars="userID=85629453&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml" />
</object></center>
</div>

<div class="shows">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/studiodiarydirty.jpg" />
</div>

<div class="toptext">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/logofinal.png" />
</div>

<div class="l">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linef.png" />
</div>

<div class="l2">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linef.png" />
</div>

<div class="lt1">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/linefinal.jpg" />
</div>

<div class="blog">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/yardarmnewsdirty.jpg" />
</div>

<div class="mid">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/middlefade.jpg" />
</div>

<div class="mi">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/infodirty.jpg" />
<br />
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td align="left"><font color="000000">URL</b></font></td><td align="right"><a href="http://www.myspace.com/yardarmstudio" class="layoutinfo">www.myspace.com/yardarmstudio</a></td></tr>
<tr> <td align="left"><font color="000000"> BOOKING</font></td> <td align="right"><a href="mailto:yardarmstudio@btinternet.com" class="layoutinfo">yardarmstudio@btinternet.com</a></td></tr>
<tr> <td align="left"><font color="000000">LAYOUT </font></td> <td align="right"><a href="http://www.myspace.com/headandheartdesign" class="layoutinfo">Head & Heart Design</a></td></tr>
<tr> <td align="left"><font color="000000">ARTWORK </font></td> <td align="right"><a href="http://www.myspace.com/headandheartdesign" class="layoutinfo">Head & Heart Design</a></td></tr></table>
</div>



<style>
table table table {visibility:hidden;}
td.text table {visibility:visible;}
</style>

<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/yardarmstudiodirty.jpg" /><br />
<br />
<center>
BIO GOES HERE</center><br />
<br />
<br />
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/studiospecdirty.jpg" /><br />
<br />
<center><font color="a28b6c"><b>Hardware</b></font><br />
Apple Mac Pro (8 Core) / Mbox Pro 2 / Line 6 Gearbox<br />
Various Shure & Audix Mics<br />
<br />
<center><font color="a28b6c"><b>Software</b></font></center>
Pro Tools 8<br />
Digidesign Plug-Ins / Sonnox Oxford Plug-Ins / Izotope Plug-Ins<br />
<br />
<font color="a28b6c"><b>Instrument Software</b></font><br />
Bfd 2 Drum Software (Inc. various kit and cymbal add ons) <br />
AmpliTude 2, Xgear, Metal & Fender Guitar Amp & FX Modeling Software<br />
Ampeg SVX Bass Amp & FX Modeling Software<br />
Motu Ethno Instruments Ethnic Instrument Software<br />
Motu Symphonic Universal Orchestral Instrument Software<br />
<br />
<font color="a28b6c"><b>Instruments</b></font><br />
<br />
<font color="a28b6c">Drums</font><br />
Roland TD12 Vdrums Kit With Tama Iron Cobra Single Pedal<br />
<br />
<font color="a28b6c">Guitars</font><br />
Washburn N2, N4 & 7 String Guitars / Peavey EVH Wolfgang<br />
ESP H250 / OLP 5 String Bass / Westone 4 String Bass<br />
Selection Of 6 & 12 String Electrics & Acoustics<br />
<br />
<font color="a28b6c">Amps</font><br />
Peavey 5150 Head + 1 slanted & 1 straight 4x12 cabs<br />
Trace Elliott Bass Amp<br />
<br />
<font color="a28b6c">Effects</font><br />
Large Selection of Boss / MXR / Digitech & Jim Dunlop Pedals<br />
(* Email For More Info *)<br />
<br />
<font color="a28b6c">Keyboards</font><br />
<br />
<font color="a28b6c">Other Instruments</font><br />
Banjo / Mandolin / Dobro / Dulcimer / Balalaika<br />
Various Percussion - Tambourines / Shakers / Wood Blocks etc<br />
(*Email For More Info*)

any ideas?

thanks

[ZeT0]

To me it looks like you cut the header out too small compared to the background.
To prevent it being so obvious, make your slice of the background smaller, so the header still goes over sides of the background.
It overlaps a bit, but then even if the placement is stuffed, it's not a long black line. ;)