embedded player screws my xanga, youtube video: Is something wrong with my code? Options

[RoyalRiver]

I really wanted this youtube video on my xanga. When I put it in their it looks fine at first. But then when I scroll down. Everything messes up. Like the whole look of my xanga. Is there anyway to change my xanga code? Please help.
MY XANGA

CODE

<!-- start code provided by createblog.com -->
<br><style>body {background:#000000; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#42C2E2,EndColorStr=#42C2E2); }</style>
<style type="text/css">

#pnlEnabled table, .htmleditor {
width:100% !important; }

BODY {
scrollbar-face-color: #C0C0C0;
scrollbar-shadow-color: #C0C0C0;
scrollbar-highlight-color: #CFEBF1;
scrollbar-3dlight-color: #CFEBF1;
scrollbar-darkshadow-color: #CFEBF1;
scrollbar-track-color: #4f4f4f;
scrollbar-arrow-color: #CFEBF1;
background-color: #FFFFFF;
font-family: tahoma;
font-size:8pt;
font-color: #FF4040;
line-height:150%;
text-align: justify;
}


center, font{
font-family: tahoma;
font-size: 20pt;
font-color: #FF8080;
line-height: 12px;}

table.left {
background-color: transparent;
border:0px;
}

table.left th {
background-color: transparent;
font: 18px Georgia;
text-transform: lowercase;
color: #42C2E2;
text-align: left;
font-weight:normal;
padding-top:0;
padding-bottom:0;
border-bottom: 2px solid #C0C0C0;
}

table.left TD {
background-color: transparent;
color: #808080;
border: 0px;
text-align:left;
border-top: 2px solid #CFEBF1;
}

.blogheader{
background-color: transparent;
font: 13px georgia;
text-transform: lowercase;
color: #808080;
border: 0px;
text-align: left;
font-weight:none;
padding-left:6px;
padding-top:0;
line-height:12pt;
border-bottom: 2px solid #C0C0C0;
}

.blogbody{
border-top: 1px solid #103A61;
color: #000000;
background-color: #transparent;
border-top: 2px solid #CFEBF1;
}

.blogbody td{
width: 0px;
padding-left: 0px}

input, select, menu, #htmleditor, textarea, .textfield, .button{
border: none;
font-family:"tahoma";
font-size:8pt;
font-color: #80BF40;
line-height:150%;
background-color: transparent;
text-align: center;
}

.module, .module, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext{
font-family: tahoma;
font-size: 10px;
color: #4F4F4F;
text-align:left;
}

STRONG{
COLOR: #DF9F9F;
letter-spacing: 0pt;
cursor: crosshair;}

A:link{
font-family:tahoma;
text-decoration:none;
color: #808080;
}

A:visited{
text-decoration:none;
font-family:tahoma;
color:#CD8FB3;
}

a:active{
color: #FF4040;}

A:hover{
text-decoration:none;
font-family:tahoma;
color:#FF9F40;
}

.search, .searchbarborder, .footer, hr, banner{ display: none; }
.navigation {  display: none; font-weight: none !important; width: 100% !important; font-size: 10px;}
.navigation * div {  display: none; float: right; font-weight: none !important}
</style>

<div style="width: 708px; border: 1px solid #CFEBF1; background-color: #ffffff;">
<div style="border: 1px solid #cccccc;">
<img src="http://img.photobucket.com/albums/1003/Jchris34232/xangafinal2.jpg" width="708" height="206" border="0" alt="" usemap="#veryfine
<map name="veryfine
<area shape="rect" alt="VeryFine_Layouts" coords="5,9,80,22" href="http://www.xanga.com/veryfine_layouts" target="_blank">
</map>

<div align="center">
<center><style type="text/css">
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #EE409A;
}
</style>
<style>
u{
border-bottom: 3px solid #F7C7C7;
color:#9FCF70;
}
</style>
<style type="text/css">
.blogbody i, .standard i, p i, em {
font-weight: italic;
color: #E79F58;}
</style>
<!-- end code provided by createblog.com -->
<script language=JavaScript>
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="No hotlinking f**kers!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

[coconutter]

Don't you have your video code in your stylesheet?

If you do, take it out of the style sheet, and put it above and it should be in the right place.