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>

[RoyalRiver]

Thanks for trying. I definately think it's the layout because when I tried doing this code. The video didn't even show up. Also, the way I did it, you could see the video but as soon as you scroll the page gets messed up and you have to click on the black screen to make the layout go back to normal again.

CODE

<embed>http://</embed>