http://www.myspace.com/stacecraft

How can I stop my interests, details and comments box from shifting the text over to the right?

May we see your code please in order for us to find the exact problem on which why the text is shifting to the right

<Style type="text/css">
Body{background-image:url("http://atlas.walagata.com/w/inspiress/purple_fire.jpg");background-position:Center Center;background-attachment:fixed;background-repeat:no-repeat;}
Table, Td{background-color:transparent;border-style:none;}
table table td {width:100%;}
table table table {background:transparent;border-color:000000;border-style:Dotted;border-width:2px;padding:4px;}
table table table td {border-style:none; background-color:white;
filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -khtml-opacity:0.7; }
table table table table td {filter:none; border-style:none; width:100%;}
table table table table {border-style:none; }
.orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{color:000000;font-size:8pt;font-weight:bold;text-decoration:none;font-style:normal;font-family:verdana,sans-serif;}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{color:000000;font-size:8pt;font-weight:normal;text-decoration:none;font-weight:normal;font-style:normal;font-family:Verdana,arial,verdana,sans-serif;}
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited{color:FF9900;font-size:8pt;font-weight:normal;text-decoration:none;font-style:normal;font-family:Verdana,arial,verdana,sans-serif;}
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active{font-weight:normal;text-decoration:underline ;font-style:normal;font-family:Verdana,arial,verdana,sans-serif;}

</Style>

I *think* that you'd take out the 100% thing...let me know if it works...I really don't have much experience with myspace :-)

<Style type="text/css">
Body{background-image:url("http://atlas.walagata.com/w/inspiress/purple_fire.jpg");background-position:Center Center;background-attachment:fixed;background-repeat:no-repeat;}
Table, Td{background-color:transparent;border-style:none;}
table table td {width:100%;}
table table table {background:transparent;border-color:000000;border-styleotted;border-width:2px;padding:4px;}
table table table td {border-style:none; background-color:white;
filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -khtml-opacity:0.7; }
table table table table td {filter:none; border-style:none; width:100%;}
table table table table {border-style:none; }
.orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{color:000000;font-size:8pt;font-weight:bold;text-decoration:none;font-style:normal;font-family:verdana,sans-serif;}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{color:000000;font-size:8pt;font-weight:normal;text-decoration:none;font-weight:normal;font-style:normal;font-family:Verdana,arial,verdana,sans-serif;}
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited{color:FF9900;font-size:8pt;font-weight:normal;text-decoration:none;font-style:normal;font-family:Verdana,arial,verdana,sans-serif;}
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active{font-weight:normal;text-decoration:underline ;font-style:normal;font-family:Verdana,arial,verdana,sans-serif;}

</Style>

The problem is simple remove the width of both of the table codes

<style type="text/css">

table table td {
width: 100% } <<<< Remove the width code

table table table table td {
width: 100% } <<<< Remove the width code

</style>

Don't know how your code is setup but once you remove that it should be back into place

thank you both, it worked!