Band div overlay - browser resize kills alignment Options

[JCollins]

Hey everyone, I'm trying for the first time to create div layouts. This one particularly I'm trying to create for a band I do graphics design for. But I'm having an issue.. and I'm not even sure if I'm approaching the design the correct way.

My problem is that I have a "main" div area above the rest of the profile, and while it will be somewhat centered when my browser is maximized, if I restored it, the top div won't respond the same way as the rest of the myspace profile below it and it will become un-aligned from my background. Basically my goal is to have the top div behave the same way as the normal myspace code below does. If that makes sense .. lol

Here's the link to the test page. http://profile.myspace.com/index.cfm?fusea...endid=309448484

And here's the code I'm using.

CODE

<style> div.main { position: absolute; left: 252px; top: 1px; width: 865px; z-index: 2; } <style type="text/css"> .banner {width: 200px; height: 250px; position: absolute; margin-left: -452px; left: 50%; top: 0px;} body {margin-top:1030px;} body { background-color: transparent; background-image: url("http://img86.imageshack.us/img86/295/newdieselbgcs5.jpg"); background-repeat: no-repeat; background-position: center center; 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: 1px; border-color: rgb(171, 0, 0); border-style: solid; background-color: transparent; } table table table td { background-color: rgb(0, 0, 0); filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; } 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: 12px; color: rgb(255, 255, 255); font-weight: normal; font-style: normal; text-decoration: none; } .nametext { padding: 5px; font-family: Georgia; font-size: 11px; color: rgb(255, 255, 255); font-weight: bold; font-style: normal; text-decoration: none; display: block; } .whitetext12, .orangetext15 { font-family: Georgia; font-size: 11px; color: rgb(255, 255, 255); font-weight: bold; font-style: normal; text-decoration: none; } a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover { color: rgb(255, 0, 0); font-weight: bold; font-style: normal; text-decoration: none; } a.navbar:hover, a.man:hover, a:hover { color: rgb(124, 122, 110); font-weight: bold; font-style: italic; text-decoration: none; } .badge { position: absolute; left: 1px; top: 1px; } </style> <div class="banner"> </div> <div align="left" class="main"> <center> <table width="800" border="0"> <tr> <td> <TABLE WIDTH=865 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD COLSPAN=5> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_01.gif" WIDTH=674 HEIGHT=26 ALT=""></TD> <TD COLSPAN=2> <A HREF="http://www.dieselband.com"> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_02.gif" WIDTH=191 HEIGHT=26 BORDER=0 ALT=""></A></TD> </TR> <TR> <TD COLSPAN=7> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_03.gif" WIDTH=865 HEIGHT=326 ALT=""></TD> </TR> <TR> <TD COLSPAN=2> <A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=19784716"> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_04.gif" WIDTH=214 HEIGHT=271 BORDER=0 ALT=""></A></TD> <TD> <A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=18634950"> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_05.gif" WIDTH=234 HEIGHT=271 BORDER=0 ALT=""></A></TD> <TD> <A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=32401800"> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_06.gif" WIDTH=206 HEIGHT=271 BORDER=0 ALT=""></A></TD> <TD COLSPAN=3> <A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=27171797"> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_07.gif" WIDTH=211 HEIGHT=271 BORDER=0 ALT=""></A></TD> </TR> <TR> <TD> <A HREF="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=18636162&MyToken=0ec1ace3-aac 0-46e9-b542-ad4ea1c44679"> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_08.gif" WIDTH=136 HEIGHT=44 BORDER=0 ALT=""></A></TD> <TD COLSPAN=5 ROWSPAN=9><img src="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_09.gif" width=552 height=374 alt=""></TD> <TD ROWSPAN=9> <A HREF="http://www.dieselband.com/store.asp"> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_10.gif" WIDTH=177 HEIGHT=374 BORDER=0 ALT=""></A></TD> </TR> <TR> <TD> <A HREF="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=18636162&MyToken=83b 90972-3ca9-46b7-9ac6-f028da06f571"> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_11.gif" WIDTH=136 HEIGHT=33 BORDER=0 ALT=""></A></TD> </TR> <TR> <TD> <A HREF="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=18636162"> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_12.gif" WIDTH=136 HEIGHT=30 BORDER=0 ALT=""></A></TD> </TR> <TR> <TD> <A HREF=".. IsMySpaceIMInstalled();"> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_13.gif" WIDTH=136 HEIGHT=31 BORDER=0 ALT=""></A></TD> </TR> <TR> <TD> <A HREF="http://messaging.myspace.com/index.cfm?fuseaction=mail.forward&friendID=18636162&f=forwardprofile"> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_14.gif" WIDTH=136 HEIGHT=29 BORDER=0 ALT=""></A></TD> </TR> <TR> <TD> <A HREF="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=18636162&public=0"> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_15.gif" WIDTH=136 HEIGHT=28 BORDER=0 ALT=""></A></TD> </TR> <TR> <TD> <A HREF="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=18636162"> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_16.gif" WIDTH=136 HEIGHT=36 BORDER=0 ALT=""></A></TD> </TR> <TR> <TD> <A HREF="http://collect.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=18636162"> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_17.gif" WIDTH=136 HEIGHT=33 BORDER=0 ALT=""></A></TD> </TR> <TR> <TD> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/diesellayout_18.gif" WIDTH=136 HEIGHT=110 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/spacer.gif" WIDTH=136 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/spacer.gif" WIDTH=78 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/spacer.gif" WIDTH=234 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/spacer.gif" WIDTH=206 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/spacer.gif" WIDTH=20 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/spacer.gif" WIDTH=14 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="http://i189.photobucket.com/albums/z88/xtorxt/diesellayout/spacer.gif" WIDTH=177 HEIGHT=1 ALT=""></TD> </TR> </TABLE> </td> </tr> </table> </center> </div>

Thanks for any help in advance.