Could Someone spare a moment, CSS Glitch Options

[add1cted2f1re]

heres the problem:
the background ends here

and the picture gets cut off


my myspace= this

here's the code:

CODE

<STYLE TYPE="text/css">
body {
  background-color:1631ba; background-image:url("http://img114.imageshack.us/img114/6378/bg28du.gif");
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
scrollbar-arrow-color: 00011d;
scrollbar-face-color: 00011d;
scrollbar-3dlight-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-shadow-color: 000569;
scrollbar-highlight-color: 000569;
scrollbar-track-color: 00011d;
}
b, strong {color: 000000;}
i, em {color: 000000;}
body, p, td, font {
  font-family: arial; font-size: 11px; color: 000000; text-transform: normal;}
table, td, tr, th {
  font-family: arial; font-size: 11px; color: 000000;}
body, td, li, p, div, li, p, br, table {
  font-family: arial; color: 000000; text-transform: normal;}
.text {
  font-family: arial; font-size: 11px; color: 000000; text-align: center;}
.blacktext12 {
  font-family: tahoma; font-size: 0px; color: 000000;}
.redtext {
  font-family: tahoma; color: 000000; font-size: 11px;}
.redbtext {
  font-family: tahoma; color: 000000; font-size: 11px;}
.orangetext15 {
  font-family: tahoma; font-size: 11px; color:000000; text-transform: normal;}
.whitetext12 {
  font-family: tahoma; font-size: 11px; color:000000; text-align: center; background-color: 356ad7; display: block;}
.lightbluetext8 {
  font-family: tahoma; font-size: 11px; color:000000; text-align: center; background-color: 356ad7; display: block;}
.btext {
  font-family: tahoma; font-size: 11px; color:000000; text-align: center; background-color: 356ad7; display: block;}
.blacktext10 {
  font-family: tahoma; font-size: 11px; color:000000; text-align: center; background-color: 356ad7; display: block;}
.nametext {
  font-family: tahoma; font-size: 11px; color:000000; text-align: center; background-color: 356ad7; display: block;}
table, tr, td {
  border: none; background-color: transparent; padding: 0;}
table {
  border: none; background-color: transparent;}
table table {
  border: none; border-color: none; background-color: transparent;}
table table table {
  border: 3px solid; border-color: 000000; background-color: 000569;
padding: 0;filter:alpha(opacity=100); -moz-opacity:100; opacity:90; -khtml-opacity:1}
table table table table {
  border: none; border-color: none;}
a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {
  font-family: tahoma; font-size: 11px; color: ffffff; text-transform: normal; text-decoration: none; }
a:hover, a.navbar:hover, a.redlink:hover {
  font-family: tahoma; font-size: 11px; color: edce00; text-transform: normal;
}
</STYLE>
</style>

<style>
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://img72.imageshack.us/img72/7264/table9gg.gif");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:435px; height:200px; display:block !important; }
span.blacktext12 img {display:none;}
</style>

<style type="text/css">
.contactTable {
width:300px !important; height:130px !important; padding:0px !important;
background-image:url("http://img114.imageshack.us/img114/9659/messaging29nt.gif");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important; }
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}

</style>
<style type="text/css">table table table td.text div img {visibility:hidden;} table table table td.text div { background-image:url("http://img105.imageshack.us/img105/2468/onlinenow4az.gif"); background-repeat:no-repeat;} table table table td.text table table div img {visibility:visible;} table table table td.text table table div { background-image:none;}</style>

how can i fix this?

[freeflow]

1. Just to fix your css take out one </style> tag you have too. (in the begining).
2. It looks fine for me so what browser do you use?

Also I think its your files.
Why? Because even if the tiger gets cut off the videos can be doing it. How? well if your video codes come first in your source then they will effect everything else.

It may be them, your codes are fine so its not them.

[add1cted2f1re]

1. Just to fix your css take out one </style> tag you have too. (in the begining).
2. It looks fine for me so what browser do you use?

Also I think its your files.
Why? Because even if the tiger gets cut off the videos can be doing it. How? well if your video codes come first in your source then they will effect everything else.

It may be them, your codes are fine so its not them.

um, i'll try takin out some <style> tags, but if it doesnt work...

ill cry

//edit/

that didnt work


well, i didnt notice this b4, but everything looks fine, but when the page fully loads, it happens