WEB SITE PAGE APPEARING IS NOT IN IE9... AS THE BACKGROUND IS PRESENT...

IN FIREFOX AND IE9, I CREATED THIS SITE. HTML5. NOW, HERE I AM ALMOST DONE WITH THE SITE, AND WHEN I DO THE MEDIA PAGE... IT SEEMS TO ONLY SHOW AS THE BACKGROUND IN IE9... EVEN AFTER I REMOVED IT... THIS SPECIFIC PAGE (videos.html) IS ONLY SHOW THE BOTTOM. EACH PAGE THAT I DO, I HAVE THEM TESTED IN THE TWO BROWSWERS... KEEP EVERYTHING THE SAME EXCEPT FOR THE CONTENT IN THE ARTICLE...

Here's the Code originally, I don't know obviously erros there so guys, just help me and don't be rude, if you want to. I greatly appreciate it.

HERE IS WHAT IT LOOKS LIKE IN FIREFOX:

HERE IS WHAT IT LOOKS LIKE IN IE9:

HERE IS THE CODE:

(HE IS TREATED IN DREAMWEAVER) BUT... I JUST COPIED AND PASTED ON HERE.

<! DOCTYPE HTML >

< html >

< head >

< meta charset = "UTF-8" >

< content meta = "DahJ" name = "author" >

< content meta = "DahJ, Derek Alton Hill, Dagan, financial freedom, Designer DahJ, DahJ magnate, Dagan Fashions, University departments, Salem, University of Dahj, Chancellor, business, success, success, North Las Vegas, Derek, coach, mentor, philanthropist, best-selling author, author,-life, life coach," name = "keywords" >

< content meta = "" DAHJ videos, photos and blog: official website "name ="description">"

< title > Media - videos DAHJ, photos and blog: official website < /title >

< style type = "text/css" >

<!--

{body

margin: 0;

padding: 0;

Color: #000;

Background: URL(images/websitebackgroundhomee.jpg) repeat scroll 0 0;

Police-family: David;

font size: 15px;

height: 100%;

}

/ * ~ ~ Tag of the element selectors ~ ~ *.

UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */

padding: 0;

margin: 0;

}

H2, h4, h5, h6 {p}

margin-top: 0;

padding-left: 15px; / * adding padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any mathematical model of box. A block nested with side pads can also be used as an alternative method. */

Police-family: David;

}

an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}

border: none;

}

/ * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */

a: link {}

color: # 42413.

text-decoration: none; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.

}

a: visited {}

text-decoration: underline;

}

a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}

text-decoration: none;

}

/ * ~ ~ This container fixed-width surrounds all the other blocks ~ ~ * /.

. Container {}

Width: 960px;

margin: 0 auto;

border-radius: 5px;

-moz-border-radius: 5px;

-moz-box-shadow: 0 3px 3px 5px #7d7f7e;

-webkit-box-shadow: 0 3px 5px 5px #7d7f7e;

box-shadow: 0 3px 5px 3px #999;

background-image: url(Images/contentbckgrnds/videocontent.jpg);

}

/ * ~ ~ The header is not given a width. It will extend to the entire width of your layout. ~~ */

{to header

height: 520px;

Width: 960px;

background-position: center;

background-color: #000;

}

H1 {}

do-family: Century Gothic;

padding-left: 11px;

Police-weight: lighter;

}

H1 a: hover {}

color: #09F;

}

/ * ~ ~ These are the columns for page layout. ~~

(1) padding is only placed on the top and/or bottom block elements. The elements contained in these blocks have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the block itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element in the block element and place a second inner block with no width element and the necessary padding for your design.

(2) no margin was given to the columns, because they all floated. If you need to add the margin, avoid placing on the side you're floating into (for example: a right margin on a block set to float to the right). Many times, padding can be used instead. For blocks where this rule needs to be broken, you need to add a statement of ' display: inline ' to the rule of the block element to tame a bug where some versions of Internet Explorer double the margin.

(3) given that the classes can be used several times in a document (and an element can also have several classes applied), the columns have received the names of classes instead of IDs. For example, two blocks from the sidebar could be stacked if necessary. These can easily be changed to the ID if that's your preference, as long as you don't use them once per document.

(4) If you prefer your nav on the left instead of the right, just float those columns the opposite direction (to the left instead of all rights), and they will return in reverse order. There is no need to move the blocks in the HTML source code.

*/

{.sidebar1}

float: right;

Width: 300px;

Background: #fff;

padding-bottom: 10px;

}

. Happy {}

padding: 0px 0;

Width: 960px;

float: right;

background-color: #FFF;

}

/ * ~ ~ This group selector gives the lists in the domain content space ~ ~ * /.

. Content ul, ol {} content

padding: 0 15px 15px 40px; / * This padding reflects the right padding in the titles and the paragraph above net. Padding was placed on the bottom for the space between the other elements in the lists and on the left to create the withdrawal. These can be adjusted as desired. */

}

/ * ~ ~ Footer ~ ~ * /.

footer {}

padding: 10px 0;

position: relative; / * This gives hasLayout IE6 to well clear * /.

Clear: both; / * This clear property forces the .container to understand where the columns end up and contain them * /.

background-color: #CCC;

background-image: url(Images/footer2.jpg);

}

/ * HTML 5 support - new tags of HTML 5 sets to display: block for browsers know how to render the tags correctly. */

section header, footer, coast, nav, article, figure {}

display: block;

}

side {}

}

{.homebutton}

background: no-repeat scroll 0 0 transparent;

height: 65px;

left:-1.2em;

position: relative;

top:-3.4em;

Width: 172px;

z-index: 20;

}

H3 {}

Police: "Palatino Linotype", "Book Antiqua", Palatino, serif;

font-size: small;

padding-left: 15px;

}

/ * THIS IS MY FOOTER FONTS AND TEXT * /.

{address}

make-style: Century Gothic;

color: #FFFFFF;

text-decoration: none;

text-align: center;

make-style: normal;

}

address a: link {}

color: #0CF;

}

address a: link, a: hover {}

color: #33CC33;

}

/ * THIS IS MY LINKS SOCIAL MEDIA, TITLES AND COUNTIES... FACEBOOK, TWITTER, YOUTUBE * /.

{#socialmedia}

list-style: none outside none;

Display: block;

margin: 15px 145px 0px;

position: relative;

}

. Twitter {}

Display: inline;

margin-left: 135px;

}

Facebook {}

Display: inline;

}

.YouTube {}

Display: inline;

margin-left: 135px;

}

{#socialmediatitles}

list-style: none outside none;

Display: block;

margin: 15px 190px 5px;

position: relative;

do-family: Century Gothic;

do-size: 22px;

color: #ffffff;

Width: 800px;

}

{.twitterfollowers}

Display: inline;

margin-left: 160px;

color: #ffffff;

}

.twitterfollowers a: link {}

color: #ffffff;

}

.facebookfans a: link {}

color: #ffffff;

}

.youtubesubs a: link {}

color: #ffffff;

}

{.facebookfans}

color: #ffffff;

Display: inline;

}

{.youtubesubs}

Display: inline;

margin-left: 135px;

color: #ffffff;

}

{#socialmedianumbers}

list-style: none outside none;

Display: block;

margin: 15px 185px 5px;

position: relative;

do-family: Century Gothic;

font-size: 30px;

color: #ffffff;

Width: 800px;

}

{.twittercount}

Display: inline;

margin-left: 150px;

color: #ffffff;

}

.twittercount a: link {}

color: #ffffff;

}

.facebookcount a: link {}

color: #ffffff;

}

.youtubecount a: link {}

color: #ffffff;

}

{.facebookcount}

color: #ffffff;

Display: inline;

}

{.youtubecount}

Display: inline;

margin-left: 135px;

color: #ffffff;

}

div #voverlay {}

Background: #FFF;

display: none;

height: 480px;

Padding: 35px;

Width: 640px;

}

div #voverlay {{.a

cursor: pointer;

height: 35px;

position: absolute;

right: 5px;

top: 5px;

Width: 35px;

Background: #999;

}

div #vcontainer {}

background: url ("loading.gif") no-repeat scroll 50% 50% transparent;

height: 100%;

Left: 0;

top: 0;

Width: 100%;

}

{.videogallery}

Width: 871px;

}

. Videogallery a {}

Color: #333333;

Display: inline-block;

font: 12px / 18px 'Gothic Centurty. "

margin: 3px;

opacity: 0.87;

position: relative;

text-align: center;

text-decoration: none;

vertical-align: top;

Width: 240px;

}

. Videogallery a {img

border: medium none;

Display: block;

margin: 0;

}

. Videogallery span {}

Display: block;

}

. Videogallery a.videolb {}

display: none;

}

< / style >

< style media = "print, screen projection", type = "text/css" >

#mediaxmedia {height: 823px; border: none ;}}

< / style >

<!-[if lt IE 9] >

" < script src =" http://html5shiv.googlecode.com/svn/trunk/HTML5.js ">

< /script >

<! [endif]-->

< link href = "CSS/dropDown3.css" rel = "stylesheet" type = "text/css" > "

< link rel = "stylesheet" href = "CSS/videolightbox.css" type = "text/css" / > "

< link rel = "stylesheet" type = "text/css" href="media_videolb/overlay-minimal.css"/ >

< script src = "js/jquery.js" type = "text/javascript" > < / script > "

< script src = "js/swfobject.js" type = "text/javascript" > < / script > "

< / head >

< body >

< div class = "container" >

< header > < / header >

<! - START OF THE NAVIGATION MENU - >

< div id = "navMenu" >

< ul >

< li > < /li >

< /ul > <!-end inner UL->

< ul >

" < li > < a href =" http://www.dahj.com/recent-activity ' > ACTIVITY < /a > < /li > .

< /ul > <!-end inner UL->

< ul >

" < li > < a href =" http://www.dahj.com/latest-news "> NEWS < /a > < /li > .

< /ul > <!-end inner UL->

< ul >

" < li > < a href =" http://www.dahj.com/Photogallery "> < /a > media .

< /ul > <!-end inner UL->

< ul >

" < li > < a href =" http://www.dahj.com/coaching "> COACHING < /a > < /li > .

< /ul > <! - end main UL - >

< ul >

" < li > < a href =" http://www.dahj.com/shop "> SHOP < /a > < /li > .

< /ul > <!-end inner UL->

< ul >

" < li > < a href =" http://www.dahj.com/about "> ON < /a > < /li > .

< /ul > <!-end inner UL->

< p > < br class = 'ClearFloat' / >

< /p >

< / div >

<! - end navMenu - >

<! - THE DAHJ HOUSE ICON START - >

< div class = "homebutton" >

" < a href =" http://www.dahj.com "> < img src="Images/websiteicons/bg_logo_new_0.png "width ="172"height ="61"> < / a >

< / div >

<! - END OF THE HOUSE ICON BUTTON DAHJ - >

< section class = "content" >

< br >

<! - VIDEO CONTENT STARTS HERE - >

< div id = "voverlay" >

< a class = 'close' > < / a >

< div id = "vcontainer" > < / div >

< / div >

< center >

<! - start VideoLightBox.com BODY section - >

< div class = "videogallery" >

" < a class ="voverlay"href =" http://Vimeo.com/moogaloop.swf?clip_id=39862994 & server = vimeo.com & show_title = 1 & show_byline = 1 & autoplay = 1 "title ="Hearing his voice"> < img src =" Images/vidéos thumbs/0.png"alt ="Hearing his voice"/ > < span > < / span > < /a > "

" < a class ="voverlay"href =" http://Vimeo.com/moogaloop.swf?clip_id=39862218 & server = vimeo.com & show_title = 1 & show_byline = 1 & autoplay = 1 " "title ="The Trust Fund of labor 2010" > < img src = "Images/vidéos thumbs/1.png" alt = "The Trust Fund of labor 2010" / > < span > < / span > < /a >

" < a class ="voverlay"href =" http://Vimeo.com/moogaloop.swf?clip_id=39861243 & server = vimeo.com & show_title = 1 & show_byline = 1 & autoplay = 1 "title =" what he put you then will be working for You Now "> < img src =" Images/vidéos thumbs/2.png"alt =" what he put you then will be working for You Now "/ > < span > < / span > < /a > "

" < a class ="voverlay"href =" http://Vimeo.com/moogaloop.swf?clip_id=39031081 & server = vimeo.com & show_title = 1 & show_byline = 1 & autoplay = 1 "title ="Word 101 - Back to the Basics"> < img src =" Images/vidéos thumbs/3.png"alt ="The Word 101 - Back to the Basics"/ > < span > < / span > < /a > "

" < a class ="voverlay"href =" http://Vimeo.com/moogaloop.swf?clip_id=36932142 & server = vimeo.com & show_title = 1 & show_byline = 1 & autoplay = 1 "title ="Tough Love - Pastor Sheryl Brady"> < img src =" Images/vidéos thumbs/4.png"alt ="Tough Love - Pastor Sheryl Brady"/ > < span > < / span > < /a > "

" < a class ="voverlay"href =" http://Vimeo.com/moogaloop.swf?clip_id=35261687 & server = vimeo.com & show_title = 1 & show_byline = 1 & autoplay = 1 "title ="Just Calm Down - Pastor Sheryl Brady"> < img src =" Images/vidéos thumbs/5.png"alt ="Just Calm Down - Pastor Sheryl Brady"/ > < span > < / span > < /a > "

" < a class ="voverlay"href =" http://Vimeo.com/moogaloop.swf?clip_id=28674599 & server = vimeo.com & show_title = 1 & show_byline = 1 & autoplay = 1 "title ="How to seduce Proof Your Life"> < img src =" Images/vidéos thumbs/6.png"alt ="How to seduce Proof Your Life"/ > < span > < / span > < /a > "

" < a class ="voverlay"href =" http://Vimeo.com/moogaloop.swf?clip_id=36249630 & server = vimeo.com & show_title = 1 & show_byline = 1 & autoplay = 1 "title ="iHeart TPHND - part 1"> < img src =" Images/vidéos thumbs/7.png"alt ="iHeart TPHND - part 1"/ > < span > < / span > < /a > "

" < a class ="voverlay"href =" http://Vimeo.com/moogaloop.swf?clip_id=36666455 & server = vimeo.com & show_title = 1 & show_byline = 1 & autoplay = 1 "title =" Potter The iHeart House North Dallas - part 2 "> < img src =" Images/vidéos thumbs/8.png"alt =" Potter The iHeart House North Dallas - part 2 "/ > < span > < / span > < /a > "

" < a class ="voverlay"href =" http://Vimeo.com/moogaloop.swf?clip_id=37080493 & server = vimeo.com & show_title = 1 & show_byline = 1 & autoplay = 1 "title =" Potter The iHeart House North Dallas - part 3 "> < img src =" Images/vidéos thumbs/9.png"alt =" Potter The iHeart House North Dallas - part 3 "/ > < span > < / span > < /a > "

" < a class ="voverlay"href =" http://Vimeo.com/moogaloop.swf?clip_id=37535503 & server = vimeo.com & show_title = 1 & show_byline = 1 & autoplay = 1 "title ="iHeart TPHND - part 4"> < img src =" Images/vidéos thumbs/10.png"alt ="iHeart TPHND - part 4"/ > < span > < / span > < /a > "

" < a class ="voverlay"href =" http://Vimeo.com/moogaloop.swf?clip_id=22007961 & server = vimeo.com & show_title = 1 & show_byline = 1 & autoplay = 1 "title ="my grandson Jaden plays drums"> < img src =" Images/vidéos thumbs/11.png"alt ="my grandson Jaden plays drums"/ > < span > < / span > < /a > "

< / div >

"< script src="js/jquery.tools.min.js "type =" text/javascript"> < / script >

< script src = "js/videolightbox.js" type = "text/javascript" > < / script > "

<!--end VideoLightBox.com vest - >

< /Center >

< br >

< / item >

<! - CONTENT VIDEO ENDS HERE - >

<! - NUMBERS DOWN - >

<! - END NUMBERS DOWN - >

<! - end content - >

<>footer

< br >

< br >

<! - START SOCIAL MEDIA ICONS - >

< div id = "socialmedia" >

< div class = "facebook" >

" < a href =" http://Facebook.com/dahj ' "> < img src="Images/websiteicons/icontexto-inside-facebook.png "> < / a > .

< / div >

< div class = 'twitter' >

" < a href =" http://Twitter.com/officialdahj ' "> < img src="Images/websiteicons/icontexto-inside-twitter.png "> < / a > .

< / div >

< div class = "youtube" >

" < a href =" http://YouTube.com/dahj ' "> < img src="Images/websiteicons/icontexto-inside-youtube.png "> < / a > .

< / div >

< / div >

<! - END SOCIAL MEDIA ICONS - >

<! - BEGINNING OF MEDIA TITLES - >

< div id = "socialmediatitles" >

< div class = "facebookfans" >

" < a href =" http://Facebook.com/dahj "> < /a > FANS .

< / div >

< div class = "twitterfollowers" >

" < a href =" http://Twitter.com/officialdahj "> < /a > subscribers looked at: .

< / div >

< div class = "youtubesubs" >

" < a href =" http://YouTube.com/dahj "> CUSTOMERS < /a > .

< / div >

< / div >

<! - END OF MEDIA TITLES - >

< address >

< br >

< br >

" © Copyright 2012 | < a href =" http://dahj.com/privacy-policy "> privacy policy / rights of your life private < /a > | "< a href ="http://dahj.com/terms-of-use"> terms of use < /a > | "< a href ="http://dahj.com/contact-information"> contact us < /a > | "< a href ="http://dahj.com/feedback"> < /a > Feedback: .

< / address >

< / footer >

<! - end .container - >

< / div >

< / body >

< / html >