Positioning problems, Easy Fix.. just confused. Options

[oblivionguitaris...]

Take a look at my page I'm trying to recreate: www.myspace.com/avianember

1. I'm trying to hide my default picture/info/link behind the music player or left side.

2. The heading for upcoming shows is in the right place, but the actual list of shows needs to be aligned beneath it. (as does the blog heading and blogs).

3. Everything else ("About", "Mailing list", "Merch", "Promote", and "Friends") need to be aligned in the same horizontal position as the Upcoming shows section, just they need to be below "Blogs".


Any help would be so appreciated. It's been driving me crazy for a few weeks now.

[Mickey]

Replace your Bio codes with this:

CODE

<style>

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: transparent !important;
width: 449px !important;
height: 49px;
border-collapse: collapse !important;
margin: 0 !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url("http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/h2_blogs.gif");
background-repeat: no-repeat;
background-position: 0px 0px;
margin-top: 20px !important;
overflow: hiddden;
_margin-top: 35px !important;
_margin-left: 9px !important;
}


html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: 445px !important;
font-family: arial, serif;
color: transparent !important;
clear: all !important;
font-size: 1px !important;
line-height: 0px;
vertical-align: middle;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 10px;
padding: 0px !important;
margin: 0px !important;
padding-right: 5px !important;
position: relative;
z-index: 6;
font-weight: bold;
font-size: 10px !important;
display: block;
height: 35px;
text-transform: Capitalize;
_font-size: 10px !important;
_width:120px;
_text-align:right;
_font-weight: normal;
_postion: absolute !important;
_margin-top: -4px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{
line-height: 20px;
position: absolute;
display: block;
border-bottom: 1px dashed;
border-color: 000000;
width: 430px;
color: ffffff;
padding: 0px !important;
margin: 0px !important;
margin-left: 10px !important;
margin-right: 10px !important;
z-index: 5;
font-weight: bold;
font-size: 10px !important;
text-transform: uppercase;
height: 28px;
_font-size: 12px !important;
_margin-top: -3px !important;
_font-weight: normal !important;
_margin-left: 10px !important;
_width:430px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{
display: block;
float: left;
width: 50px !important;
height: 63px;
font-size: 1px;
overflow: hidden;
color: transparent !important;
line-height:10px;
}


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: 49px !important;
width: 449px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0px;
overflow: hidden;
background-image: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/h2_friends.gif);
background-repeat: no-repeat;
color: transparent !important;
line-height: 300px !important;
margin-top: -16px !important;
background-color: ffffff !important;
}

table.friendspace {border:0px !important; background-color:transparent; width: 449px;}
table.friendspace table td {background-color:transparent !important; border:0px !important;}
table.friendspace table {background-color:transparent !important}
table.friendspace table table td {background-color:transparent !important; border:0px !important}


table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/h3_comments.gif);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 49px !important;
width: 850px;
position: relative;
overflow: hidden;
font-size: 0px;
text-align:left;
margin-top: -4px;
margin-left:0px;
line-height: 40px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10{
color: ffffff !important;
text-transform: None !important;
margin: 0px !important;
padding: 0px important;
display: block !important;
font-size: 11px;
font-family: verdana !important;
font-weight: bold;
text-align: left;
width: 600px;
border-bottom:1px dashed; border-color:000000;
}

table.friendsComments td {background-color:transparent;}
div table td table {border:0; !important; background-color:transparent;}

.whitelink {position:relative; z-index:9;}
</style>


<div style="position:absolute; top:1195px; _top:1020px; left:50%; width:auto; margin-left:-18px; z-index:1;">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/h2_shows.gif" />
</div>


<p style="width:449px; z-index:9; position:relative; margin-top:-40px;">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/h2_about.gif" /><br />
<br />

"You're sweet, like I can't deny." These are the opening lyrics of Steve Moakler’s first full-length album, All The Faint Lights. The same words can be spoken about the music that this Pittsburgh native has been making for the past five years. Having previously released two EPs The Weight of Words (2007) and Like I Mean It (2008), Moakler has proved himself to be a master pop craftsman with anything but faint lights in his future. Listen to his music, and you too won't deny his gift for sweet melodies and moving narratives that stick in your head like happy memories. His songs have a maturity you wouldn't expect from a young twenty-something who is quickly emerging as one of the best of a new generation of pop-rock songwriters who call Nashville home. Be sure to keep an eye out for this banana-eating, curly-headed minstrel as he continues to blaze his trail across the map.

<br /><br />
</p>

<div style="width:449px; z-index:9;">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/h2_mailinglist.gif" />
<center>
<form action="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhbmJyaWRnZS5jb20vc2lnbnVwL2ZhbnNpZ251cF9mb3JtLnBocD91c2VyaWQ9
TIyNzk=" method="post">
<table border="1" cellspacing="0" cellpadding="5">
<tr>
<td colspan="2"><div align="center">
<p><strong>SIGN UP FOR THE STEVE MOAKLER MAILING LIST<p>
SIGN UP TO RECEIVE TEXT UPDATES</strong></p>

<p><span style="color: FF0000">*</span> required </p>

</div></td>
</tr>
<tr>
<td valign="top"><div align="right">Email <font color="FF0000">*</font>:</div></td>

<td valign="top"><input name="email" type="text" id="email" /></td>
</tr>
<tr>

<td><div align="right"><span class="reportContent">Zip <font color="FF0000">*</font>:</span></div></td>
<td><span class="reportContent">
<input name="zip" type="text" id="zip" size="5" maxlength="5" />
</span></td>

</tr>
<tr>
<td><div align="right">Cellphone:</div></td>

<td>
<input name="cellphone" type="text" id="cellphone" size="15" /> </td>
</tr>
<tr>

<td><div align="right">Cell Carrier:</div></td>
<td>
<select name="carrier" id="carrier">
<option value="">Please select an option...</option>

<option value="1">AllTel</option>
<option value="2">Boost</option>

<option value="3">Cellular South</option>
<option value="4">Cincinnati Bell</option>
<option value="5">Cingular Blue (AT&T)</option>
<option value="6">Cingular</option>

<option value="7">Cricket</option>

<option value="8">Dobson</option>
<option value="9">Helio</option>
<option value="10">MetroPCS</option>
<option value="11">Nextel</option>
<option value="12">Plateau Wireless</option>

<option value="13">SprintPCS</option>

<option value="14">SunCom</option>
<option value="15">SouthernLINC</option>
<option value="16">T-Mobile</option>
<option value="17">Unicel</option>
<option value="18">US Cellular</option>

<option value="19">Verizon</option>

<option value="20">Virgin Mobile (USA)</option>
<option value="21">Bell Mobility (Canada)</option>
<option value="22">Fido (Canada)</option>
<option value="23">Rogers AT&T (Canada)</option>

<option value="24">SaskTel (Canada)</option>

<option value="25">Telus (Canada)</option>
<option value="26">Virgin Mobile (Canada)</option>
<option value="27">Orange (UK)</option>
<option value="28">Vodafone (UK)</option>
<option value="29">O2 (UK)</option>

<option value="30">T-Mobile (UK)</option>

<option value="31">Other</option>
</select>
</td></tr><tr><td></td>
<td><input type="submit" name="Submit" value="Add me to the mailing list" /></td>
</tr>
</table>
</form>

</center><br />
</div>

<p style="width:449px; z-index:9;">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/h2_merch.gif" /><br />
<br />
Coming soon!<br />
<br />
</p>

<p style="width:449px; z-index:9;">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/h2_promote.gif" /><br />
<br />
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/banner1.gif" width="449px" /><br />
<br />
<textarea style="width:449px"><a href="http://www.myspace.com/stevemoakler"><img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/banner1.gif" border="0"></a></textarea>

<br />
</p>

Replace your Members codes with this:

CODE

<div class="leftside">
<p align="left">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/h1_contact.gif" /><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="nav">HOME</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zNTkzODQ5Mw==" class="nav">SEND A MESSAGE</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0zNTkzODQ5Mw==" class="nav">ADD TO FRIENDS</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9y
2FyZCZmcmllbmRJRD0zNTkzODQ5MyZmPWZvcndhcmRwcm9maWxl" class="nav">FORWARD TO FRIEND</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MzU5Mzg0OTMmcHVibGljPTA=" class="nav">ADD TO FAVORITES</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM1OTM4NDkz" class="nav">LEAVE A COMMENT</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTM1OTM4NDkz" class="nav">DELETE FROM FRIENDS</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=209021547" class="nav">VIEW PICTURES</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTM1OTM4NDkz" class="nav">VIEW ALL FRIENDS</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD0zNTkzODQ5Mw==" class="nav">VIEW ALL COMMENTS</a>
<a href="mailto:danielrfriedman@aol.com" class="nav">REPRESENTATION | DANIEL R FRIEDMAN</a>
<a href="mailto:stevemoakler@yahoo.com" class="nav">EMAIL STEVE MOAKLER</a>
<br /><br />

<p style="width:385px; background-color:transparent;">

<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/h1_videos.gif" />

<center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="344" width="344">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/HyQJMdk1V1Y&hl=en&fs=1&" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/HyQJMdk1V1Y&hl=en&fs=1&" height="344" width="344" wmode="transparent" />
</object>
<br /><br />
<center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="344" width="344">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/Uq5BASGJjz8&hl=en&fs=1&" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/Uq5BASGJjz8&hl=en&fs=1&" height="344" width="344" wmode="transparent" />
</object>
<br /><br />




<p style="width:385px; background-image:url(images/sub_bg.png); background-repeat:repeat;">

<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/h1_discography.gif" />
<table border="0" cellpadding="5" cellspacing="2" width="385">

<tr><td><img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/album_allthefaintlights.jpg" border="1" />
</td><td>
<div align="left"><i>All the Faint Lights - LP 2009</i><br />
_{Available Now}
<p>
<a href="http://www.msplinks.com/MDFodHRwOi8vaXR1bmVzLmFwcGxlLmNvbS9XZWJPYmplY3RzL01aU3RvcmUud29hL3dhL3ZpZXdBbGJ1
T9pZD0zMTA1MTg1MjImcz0xNDM0NDE=">ITUNES</a> |
<a href="http://www.msplinks.com/MDFodHRwOi8vc3RldmVtb2FrbGVyLmJpZ2NhcnRlbC5jb20vcHJvZHVjdC9hbGwtdGhlLWZhaW50LWxp
2h0cw==">PAYPAL</a>

</div>
</td></tr>

<tr><td><img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/album_likeimeanit.jpg" border="1" />
</td><td>
<div align="left"><i>Like I Mean It - EP 2008</i><br />

_{Available Now}
<p>

<a href="http://www.msplinks.com/MDFodHRwOi8vaXR1bmVzLmFwcGxlLmNvbS9XZWJPYmplY3RzL01aU3RvcmUud29hL3dhL3ZpZXdBbGJ1
T9pZD0yODYwOTY2OTEmcz0xNDM0NDE=">ITUNES</a> |
<a href="http://www.msplinks.com/MDFodHRwOi8vc3RldmVtb2FrbGVyLmJpZ2NhcnRlbC5jb20vcHJvZHVjdC9saWtlLWktbWVhbi1pdC1l
A==">PAYPAL</a>
</div>
</td></tr>

<tr><td><img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/album_weightofwords.jpg" border="1" />
</td><td>

<div align="left"><i>The Weight of Words - EP 2007</i><br />

_{Available Now}
<p>
<a href="http://www.msplinks.com/MDFodHRwOi8vaXR1bmVzLmFwcGxlLmNvbS9XZWJPYmplY3RzL01aU3RvcmUud29hL3dhL3ZpZXdBbGJ1
T9pZD0yNjQwNzM5NTgmcz0xNDM0NDE=">ITUNES</a><br />
</div>
</td></tr>

</table>
<p>

<br />
<p style="width:385px; background-image:url(images/sub_bg.png); background-repeat:repeat;">

<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/h1_details.gif" />
<table width="385" border="0" cellspacing="3" cellpadding="3">
<tr>
<td><b>GENRE</b></td>

<td><div align="right">Acoustic / Pop / Rock</div></td>
</tr>
<tr>

<td><b>URL</b></b></td>

<td><div align="right">myspace.com/stevemoakler</div></td>
</tr>
<tr>
<td><b>LOCATION</b></td>
<td><div align="right">Pittsburgh, PA</div></td>

</tr>

<tr>
<td><b>LABEL</b></td>
<td><div align="right">Unsigned</div></td>
</tr>
<tr>
<td><b>MANAGEMENT</b></td>
<td><div align="right"><a href="mailto:stevemoakler@yahoo.com">Steve Moakler</a><br />_Self-managed</div></td>

</tr>
<tr>
<td><b>LEGAL REPRESENTATION</b></td>
<td><div align="right"><a href="mailto:danielrfriedman@aol.com">Daniel R. Friedman</a><br />_314.497.1060</div></td>
</tr>
<tr>
<td><b>COLLEGE BOOKING</b></td>

<td><div align="right"><a href="mailto:george@houseofwally.com">House of Wally</a><br />_{george@houseofwally.com}</div></td>
</tr>
<tr>
<td><b>CLUB BOOKING</b></td>
<td><div align="right"><a href="happysalmonproductions@gmail.com">Happy Salmon Productions</a><br />_{happysalmonproductions@gmail.com}</a></div></td>
</tr>

<tr>
<td><b>EMAIL</b></td>
<td><div align="right"><a href="mailto:stevemoakler@yahoo.com">stevemoakler@yahoo.com</a></div></td>
</tr>
<tr>
<td><b>LAYOUT</b></td>
<td><div align="right"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnN0dWNrd2l0aHBpbnMuY29t">Stuck with Pins Design</a><br />_{myspace.com/stuckwithpins}</div></td>

</tr>

</table>
</p>



</div>





<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnN0dWNrd2l0aHBpbnMuY29t" class="brand"></a>
<style>

.topbanner {position:absolute; top:0; left:50%; margin-left:-645px; width:1300px; height:806px; z-index:2;}

.leftside {position:absolute; top:830; left:50%; margin-left:-430px; width:385px; height:auto; background-image:url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/left_bg.jpg); z-index:9;}

.twitter {position:absolute; top:195; left:50%; margin-left:-200px; z-index:9;}



body { background-color:000000;
background-image: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/bg.jpg);
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;}

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

body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: verdana;
font-size: 11px;
color: ffffff;
font-weight: normal;
text-decoration: none;
line-height: 11px;
}

.standard b, p b, B, strong {
font-family: verdana;
font-size: 11px;
color: ffffff;
font-weight: bold;
border: 0px;
}

a:link, a.man, a:active, a:visited, a.navbar:link, a.navbar:active, a.navbar:visited, a.man:link, a.man:active, a.man:visited, a, a.navbar:link, a.navbar:active, a.navbar:visited, a.text:link, a.text:active, a.text:visited, a.searchlinksmall:link,

a.searchlinksmall:active, a.searchlinksmall:visited, a.redlink:link, a.redlink:active, a.redlink:visited, a.topred:link, a.topred:visited, a.topred:active{
font-family: verdana;
font-size: 11px;
color: 1b788f;
font-weight: bold;
border: 0px;
text-transform: bold;
letter-spacing: 0px;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a.text:hover, a:hover, a.searchlinksmall:hover, a.redlink:hover, a.topred:hover {
font-family: verdana;
font-size: 11px;
color: 474036;
font-weight: bold;
border: 0px;
text-decoration: bold;
}

a.nav:link, a.nav:visited, a.nav:active {
width: 371px;
max-width: 371px;
text-align: left;
text-decoration: none;
text-indent:9px;
font-style: bold;
font-size: 11px;
font-family: arial;
line-height: 5pt;
color: 000000;
background-color: transparent;
background-image:url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sub_bg.png);
background-repeat:repeat;
display: block;
margin-bottom: 0px;
padding: 7px;
border-bottom:1px dashed;
border-color:7f7069;}
a.nav:hover {
width: 371px;
max-width: 371px;
text-decoration: none;
text-align: left;
text-indent:9px;
font-style: bold;
font-size: 11px;
font-family: arial;
letter-spacing: 0;
line-height: 5pt;
color: ffffff;
background-color: transparent;
background-image:url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sub_bg2.png);
background-repeat:repeat;
display: block;
margin-bottom: 0px;
padding: 7px;
border-bottom:1px dashed;
border-color:ffffff;}

table.contactTable {display:none;}

textarea
{font:normal 9px verdana; color:000000; font-weight:none; background-color:ebebeb; border:0px; text-transform: none; width:298px; height:30px; overflow:auto; line-height:9px;}

body table {margin-top:595px; z-index:5;}
body td table,body div table {margin-top:5px; z-index:5;}


.orangetext15, .whitetext12, .lightbluetext8 {display: none;}
.nametext {display: none;}

.btn_add{
width:132px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_10.jpg) top left no-repeat;
display: block;
}
.btn_add:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_10.jpg) bottom left no-repeat;
}

.btn_message{
width:146px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_11.jpg) top left no-repeat;
display: block;
}
.btn_message:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_11.jpg) bottom left no-repeat;
}

.btn_comment{
width:147px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_12.jpg) top left no-repeat;
display: block;
}
.btn_comment:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_12.jpg) bottom left no-repeat;
}

.btn_pics{
width:87px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_13.jpg) top left no-repeat;
display: block;
}
.btn_pics:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_13.jpg) bottom left no-repeat;
}

.btn_favorite{
width:82px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_14.jpg) top left no-repeat;
display: block;
}
.btn_favorite:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_14.jpg) bottom left no-repeat;
}

.btn_forward{
width:88px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_15.jpg) top left no-repeat;
display: block;
}
.btn_forward:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_15.jpg) bottom left no-repeat;
}

.btn_streetteam{
width:108px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_16.jpg) top left no-repeat;
display: block;
}
.btn_streetteam:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_16.jpg) bottom left no-repeat;
}

.btn_mailinglist{
width:110px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_17.jpg) top left no-repeat;
display: block;
}
.btn_mailinglist:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_17.jpg) bottom left no-repeat;
}

.btn_facebook{
width:79px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_20.jpg) top left no-repeat;
display: block;
}
.btn_facebook:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_20.jpg) bottom left no-repeat;
}

.btn_youtube{
width:61px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_21.jpg) top left no-repeat;
display: block;
}
.btn_youtube:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_21.jpg) bottom left no-repeat;
}

.btn_twitter{
width:80px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_22.jpg) top left no-repeat;
display: block;
}
.btn_twitter:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_22.jpg) bottom left no-repeat;
}

.btn_lastfm{
width:58px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_23.jpg) top left no-repeat;
display: block;
}
.btn_lastfm:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_23.jpg) bottom left no-repeat;
}

.btn_ilike{
width:45px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_24.jpg) top left no-repeat;
display: block;
}
.btn_ilike:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_24.jpg) bottom left no-repeat;
}

.btn_purevolume{
width:124px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_25.jpg) top left no-repeat;
display: block;
}
.btn_purevolume:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_25.jpg) bottom left no-repeat;
}

.btn_itunes{
width:59px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_26.jpg) top left no-repeat;
display: block;
}
.btn_itunes:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_26.jpg) bottom left no-repeat;
}

.btn_amazon{
width:85px;
height:33px;
overflow: hidden;
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_27.jpg) top left no-repeat;
display: block;
}
.btn_amazon:hover{
background: url(http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_27.jpg) bottom left no-repeat;
}


</style>

<div class="topbanner">
<center><table id="Table_01" width="973" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="21">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_01.jpg" width="973" height="104" alt="" /></td>
</tr>
<tr>
<td colspan="15" rowspan="2">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_02.jpg" width="753" height="70" alt="" /></td>

<td colspan="4">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnN0dWNrd2l0aHBpbnMuY29t"><img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_03.jpg" width="135" height="40" alt="www.stuckwithpins.com" border="0" /></a></td>
<td colspan="2" rowspan="2">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_04.jpg" width="85" height="70" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_05.jpg" width="135" height="30" alt="" /></td>

</tr>

<tr>
<td colspan="3">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_06-1.png" width="271" height="304" alt="" /></td>
<td colspan="18">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_07.png" width="702" height="304" alt="" /></td>
</tr>
<tr>

<td colspan="21">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_08.png" width="973" height="262" alt="" /></td>

</tr>
<tr>
<td rowspan="3">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_09.png" width="31" height="87" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0zNTkzODQ5Mw==" class="btn_add"></a></td>

<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zNTkzODQ5Mw==" class="btn_message"></a></td>
<td colspan="3">

<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM1OTM4NDkz" class="btn_comment"></a></td>
<td colspan="2">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=209021547" class="btn_pics"></a></td>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MzU5Mzg0OTMmcHVibGljPTA=" class="btn_favorite"></a></td>

<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9y
2FyZCZmcmllbmRJRD0zNTkzODQ5MyZmPWZvcndhcmRwcm9maWxl" class="btn_forward"></a></td>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnJldmVyYm5hdGlvbi5jb20vc3RldmVtb2FrbGVy" class="btn_streetteam"></a></td>

<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnJldmVyYm5hdGlvbi5jb20vc3RldmVtb2FrbGVy" class="btn_mailinglist"></a></td>
<td rowspan="3">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_18.png" width="42" height="87" alt="" /></td>

</tr>
<tr>
<td colspan="4">
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_19.jpg" width="309" height="33" alt="" /></td>
<td>

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9TdGV2ZS1Nb2FrbGVyLzYxODcxNDI5MzY2P3Jl
j1uZg==" class="btn_facebook"></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3N0ZXZlbW9ha2xlcg==" class="btn_youtube"></a></td>

<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnR3aXR0ZXIuY29tL3N0ZXZlbW9ha2xlcg==" class="btn_twitter"></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lmxhc3QuZm0vbXVzaWMvU3RldmUrTW9ha2xlcg==" class="btn_lastfm"></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmlsaWtlLmNvbS9hcnRpc3QvU3RldmUrTW9ha2xlcg==" class="btn_ilike"></a></td>

<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL3N0ZXZlbW9ha2xlcm11c2lj" class="btn_purevolume"></a></td>

<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vaXR1bmVzLmFwcGxlLmNvbS9XZWJPYmplY3RzL01aU3RvcmUud29hL3dhL3ZpZXdBcnRp
3Q/aWQ9MjY0MDczOTY1" class="btn_itunes"></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmFtYXpvbi5jb20vQWxsLVRoZS1GYWludC1MaWdodHMvZHAvQjAwMjVURzY0SS9y
WY9c3JfMV8xP2llPVVURjgmcz1kbXVzaWMmcWlkPTEyNDIwOTU4MzAmc3I9OC0x" class="btn_amazon"></a></td>
</tr>
<tr>
<td colspan="19">

<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/sm_28.jpg" width="900" height="21" alt="" /></td>

</tr>
<tr>
<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="31" height="1" alt="" /></td>
<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="132" height="1" alt="" /></td>
<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="108" height="1" alt="" /></td>

<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="38" height="1" alt="" /></td>
<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="31" height="1" alt="" /></td>
<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="79" height="1" alt="" /></td>
<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="37" height="1" alt="" /></td>
<td>

<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="24" height="1" alt="" /></td>
<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="63" height="1" alt="" /></td>
<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="17" height="1" alt="" /></td>
<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="58" height="1" alt="" /></td>
<td>

<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="7" height="1" alt="" /></td>

<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="38" height="1" alt="" /></td>
<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="50" height="1" alt="" /></td>
<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="40" height="1" alt="" /></td>
<td>

<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="34" height="1" alt="" /></td>
<td>

<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="34" height="1" alt="" /></td>
<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="25" height="1" alt="" /></td>
<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="42" height="1" alt="" /></td>
<td>

<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="43" height="1" alt="" /></td>
<td>
<img src="http://i328.photobucket.com/albums/l325/SteveMoakler/myspace/spacer.gif" width="42" height="1" alt="" /></td>

</tr>
</table></center>
</div>

<div class="twitter">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="350" width="159" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=21766439" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="350" width="159" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=21766439" quality="high" />
</object>
</div>

</td></tr></table>
</td></tr></table>
<div style="width:378px;">&nbsp;</div>
<div class="hide">
<table><tr><td>
<table><tr><td>

See how that works out for you.

[oblivionguitaris...]

Thanks!! Works perfectly!

There's one last thing though, the entire page has room to scroll right, how do I get rid of that so it only scrolls up and down?

[Mickey]

Add this between any pair of <style> tags:

CODE

body {overflow-x:hidden;}

[allvanishing]

Actually, the problem is that the .topbanner div width is 1300px, but should be around 900px. Reduce the size and margins so the scroll is gone. The fix Mike posted would only work with browsers with CSS 3 functionality.

[oblivionguitaris...]

Flawless. Thanks!!

[Mickey]

Topic closed & moved.