youtube videos doesnt work :( Options

[kisstheboy]

i'm making a layout for my friend but some reason you cant see youtube videos in internet explorer. i've looked through the whole code but I'm not sure whats wrong. help me please! :\

heres the code:

CODE

<style>

a.nav, a.nav:visited {color:623d4b; font-family:arial; font-size:10; background-color:cdb2b2;  display: block; border-color: 735c62; border: 1px solid #735c62; border-left: 5px solid #735c62;text-align:right;margin-bottom:2px;line-height:14px; padding-right:5px}

a.nav:hover {color:92304b; font-family:arial; font-size:10; background-color:c4aaaa;  display: block; border-color: 623d4b; border: 1px solid #623d4b; border-left: 5px solid #623d4b; text-align:right; margin-bottom:2px;line-height:14px;padding-right:5px }
</style>

<style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table, tr, td{
background-color:
transparent; border: 0px;
}
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{display:none!important;
}
body{background-color:black;
}</style>


<style type="text/css">

.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail { display: none; }
.extendedNetwork, .latestBlogEntry, .friendSpace, .friendsComments, .navigationBar { display: none; }
table, tr, td, th { background-color: transparent; }
div table td form { display: none; }
embed, object {visibility:visible; display: block}

</style>

<style>
body {
    background-color: white;
    background-image: url(http://i16.tinypic.com/86y526f.jpg);
    background-position: top left;
    background-repeat: repeat;
    cursor: crosshair;
scrollbar-face-color:d6b9b9;
    scrollbar-highlight-color:d6b9b9;
    scrollbar-3dlight-color:d6b9b9;
    scrollbar-shadow-color:d6b9b9;
    scrollbar-darkshadow-color:d6b9b9;
    scrollbar-arrow-color:896f6f;
    scrollbar-track-color:896f6f}</style>



<style>

.bigtext {
  font-family: georgia; font-size: 11px; color: c95a7e; text-transform: normal; text-align:center; background-color: f0cfda; display: block; letter-spacing: 3px; margin-top:10px; margin-bottom:5px}

.layout {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment:;
    font-size: 1px;
    width: 957px; top:150px; left:50%; margin-left:-460px;
    position: absolute;
    overflow: hidden!important; z-index:5
}


.content {
    width: 467px; height:448px;
    position: absolute;
    top: 733px; left: 50%;
margin-left:-362px;
    overflow: auto !important; z-index:5;text-align:center; color:7a4b5e; font-family:georgia
}


DIV     {FONT-SIZE: 10pt; TEXT-TRANSFORM:; COLOR: white; LINE-HEIGHT: 13px; FONT-FAMILY: arial; TEXT-DECORATION: none; text-align:;
letter-spacing:-1px;
}

.content3 {
    width: 220px; height:425px;
    position: absolute;
    top:733px; left: 50%;
margin-left:140px;
    overflow: auto !important; z-index:5;
text-align:center; color:7a4b5e; font-family:georgia
}
</style>