Layout Help, Heroes Options

[SynchroSk8ter13]

The heroes in my layout is very expanded. I don't know how to fix it.

Edit: Are the pictues too big? I didn't think so because they're so far away from the word heroes

Here's a link to my myspace Click

CODE

<style>table, tr, td {   background-color:transparent;   border-width:0;  height:auto;}body{  background-color:ffffff;  background-image:url(http://img296.imageshack.us/img296/5663/starsandshapeszg4.png);  background-position:bottom left;         background-attachment:fixed;  background-repeat:no-repeat;  background-color:f5f6eb;}{Table, Td}body{  scrollbar-face-color:f6eedf;  scrollbar-highlight-color:f6eedf;    scrollbar-3dlight-color:f6eedf;  scrollbar-shadow-color:f6eedf;   scrollbar-darkshadow-color:f6eedf;   scrollbar-arrow-color:f5f6eb;  scrollbar-track-color:f5f6eb;}.r{} TABLE, TD{   padding-left:3px;   width:225px;  text-align:center;}td, .redbtext, .blacktext12, .redlink,.blacktext10,.text{  font-family:arial;   font-size: 10px;    font-color:000000;  font-weight:normal;   text-decoration:none;}.lightbluetext8{font-size: 10px;   color:000000;   font-weight:normal;   text-decoration:none;}.redtext, a, a.link, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink, .whitetext12, a:visited,a.man:visited,a.text:link,a.text:visited, a:visited, a.navbar:visited, a.navbar:link, a:link,a.man:link{    font-family:arial;   font-size: 10px;  color:000000;font-weight:normal;text-decoration:none;}a:hover, a.redlink:hover, a.man:hover, a.navbar:hover{    font-family:arial;  font-size:9pt;  color:cce3ab;  font-weight:bold;  text-decoration:none;} .nametext{  font-family:arial;  color:cce3ab;  font-weight:bold;  font-size:12pt;  letter-spacing:0px;}.orangetext15, .blacktext10, .whitetext12, span.btext {display: none !important} {display:none;visibility:hidden;}table table table {background-color:f6eedf;}td.text table table{background-color:f6eedf;}td.text table{background-color:f6eedf;}table table{  border:0px; max-width:300px; background-color:transparent;}table table table table{border:0px}table table table table table img {max-width:250px;}table table table table table a img {width: 85 !important border: 0 !important}table table table{width:220px; position:left;}.contactTable {display: none;}div td font {visibility:hidden;}.navbardiv {   background-color:transparent;  position:absolute;  z-index:7;  width:211px;  height:15px;  left:50%;  top:-20px;  margin-left:-90px;  margin-top:155px;  text-align:center;  color:000000;}table table td.text table td.text table table tbody td table, span.btext {width:80px;} body div table td form option{display:none!important;}body div table td form select{display:none!important;}body div table td form input{display:none!important;}body div table td form img{display:none!important;}table tr td div div {visibility:hidden;border:0px!important; background-color:c8e192;}span.blacktext12 span,span.blacktext12 img {font-family:arial; font-size:10px;}table tr td div font {display: none;}</style><div class="navbardiv"><a href="http://home8.myspace.com/index.cfm?fuseaction=user">home</a> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=26057156 ">add</a> <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=26057156">message</a> <a href="http://collect.myspace.com/index.cfm?fuseaction=block.feedback&UserID=26057156 &Mytoken=5EDD74A9-EEA6-A50A-810E14AB2B2C823E34256958">block</a> <a href="http://www.myspace.com/deepincolor">credit</a></style><style>td.text td.text table td {font-size:0pt;}td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}table table td.text table td.text table table tbody td table {display: none !important} td.text td.text table b, td.text td.text table table td {font-size:11px; font-family:arial;}</style>

Also I don't know if it's possible but I would like to hide everything (only the left side) But not the heroes. I know how to hide everything but can I hide everything BUT the Heroes?