Background img not showing in CSS under body{}. It works if I put it in a separate div (#ground) but does not fill to scroll in that usage. Strange thing is, it works on some of the subpages of the website just fine, just not on the index. Any help would be greatly appreciated. Thank you.\[code\]@font-face {font-family: 'OswaldLight'; src: url('../fonts/oswald/Oswald-Light-webfont.eot'); src: url('../fonts/oswald/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald/Oswald-Light-webfont.woff') format('woff'), url('../fonts/oswald/Oswald-Light-webfont.ttf') format('truetype'), url('../fonts/oswald/Oswald-Light-webfont.svg#OswaldLight') format('svg'); font-weight: normal; font-style: normal; } @font-face {font-family: 'OswaldBook'; src: url('../fonts/oswald/Oswald-Regular-webfont.eot'); src: url('../fonts/oswald/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald/Oswald-Regular-webfont.woff') format('woff'), url('../fonts/oswald/Oswald-Regular-webfont.ttf') format('truetype'), url('../fonts/oswald/Oswald-Regular-webfont.svg#OswaldBook') format('svg'); font-weight: normal; font-style: normal; } @font-face {font-family: 'OswaldBold'; src: url('../fonts/oswald/Oswald-Bold-webfont.eot'); src: url('../fonts/oswald/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald/Oswald-Bold-webfont.woff') format('woff'), url('../fonts/oswald/Oswald-Bold-webfont.ttf') format('truetype'), url('../fonts/oswald/Oswald-Bold-webfont.svg#OswaldBold') format('svg'); font-weight: normal; font-style: normal; }#ground { background: url(../images/background4.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; padding-bottom: 100px;}a { color: #FFF; text-decoration: none;}a:hover { color: #D30010;}.index p { color: #FFF; font-size: 0.8em; line-height: 1.4em; font-family: Georgia, serif; text-align: center;}.sidePage p { color: #FFF; font-size: 1em; line-height: 1.4em; font-family: Georgia, serif;}.index img { display: block; position: relative; margin-left: 50px; margin-bottom: 30px;}#container { width: 700px; min-height: 1000px; margin-left: auto; margin-right: auto;}#content { padding-left: 20px; padding-right: 20px; padding-top: 80px;}#nav { position: fixed; top: 0px; vertical-align: center; width: 700px; background-color: #D30010; padding-top: 10px; padding-bottom: 10px; text-align: center;}#leftCol { display: block; float: left; width: 300px; padding-right: 50px; padding-bottom: 50px;}#rightCol { display: block; float: left; width: 300px; padding-bottom: 50px;}#header { width: 100%;}hr { width: 100%; outline-color: #FFF;}li { display: inline-block; text-decoration: none;}ul { display: inline; text-decoration: none;}#nav a { display: block; text-decoration: none; color: #FFF; font-family: sans-serif; font-size: 1em; padding-left: 30px; padding-right: 30px; font-family: 'OswaldBook', Arial, sans-serif; text-transform: uppercase; text-transform: bold;}#nav a:hover { color: #FFF;}#nav a:active { color: #FFF;}.index h1 { color: #FFF; font-size: 2em; text-transform: uppercase; font-family: 'OswaldBook', Arial, sans-serif; text-align: center;}.index h2 { color: #FFF; font-size: 2.65em; text-transform: uppercase; font-family: 'OswaldBook', Arial, sans-serif; text-align: center; line-height: 55px;}.index h3 { color: #FFF; font-size: 1.5em; text-transform: uppercase; font-family: 'OswaldBook', Arial, sans-serif; line-height: 45px; text-align: center;}.index h4 { color: #FFF; font-size: 2.15em; text-transform: uppercase; font-family: 'OswaldBook', Arial, sans-serif; line-height: 50px; text-align: center;}.sidePage h1 { color: #FFF; font-size: 2em; text-transform: uppercase; font-family: 'OswaldBook', Arial, sans-serif; }.sidePage h2 { color: #FFF; font-size: 2.65em; text-transform: uppercase; font-family: 'OswaldBook', Arial, sans-serif; line-height: 55px;}.sidePage h3 { color: #FFF; font-size: 1.5em; text-transform: uppercase; font-family: 'OswaldBook', Arial, sans-serif; line-height: 45px;}.sidePage h4 { color: #FFF; font-size: 2.15em; text-transform: uppercase; font-family: 'OswaldBook', Arial, sans-serif; line-height: 50px;}.shadow { -moz-box-shadow: 2px 2px 10px #808080; -webkit-box-shadow: 2px 2px 10px #808080; box-shadow: 2px 2px 10px #808080; /* For IE 8 */ -ms-filter: "progid
XImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')"; /* For IE 5.5 - 7 */ filter: progidXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080'); } <!DOCTYPE html><html><head> <meta charset="UTF-8"> <link rel="stylesheet" href="http://stackoverflow.com/questions/14047242/styles/styles.css"> <link rel="stylesheet" href="http://stackoverflow.com/questions/14047242/styles/HTML5CSSReset.css"> <link rel="icon" type="image/png" href="http://stackoverflow.com/questions/14047242/images/favicon.png"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> <title>Circle Bar</title></head><body> <div id="ground"> <div id="container"> <div id="header"> </div> <div id="nav"> <ul> <li><a href="http://stackoverflow.com/questions/14047242/index.html">Information</a></li> <li><a href="http://stackoverflow.com/questions/14047242/calendar.html">Calendar</a></li> <li><a href="http://stackoverflow.com/questions/14047242/imageGallery.html">Images</a></li> <li><a href="http://stackoverflow.com/questions/14047242/informationContact.html">Contact & Directions</a></li> </ul> </div> <div id="content" class="index"> <div id="leftCol"> <!-- <img src="http://stackoverflow.com/questions/14047242/images/oldLogo.png" width="200px"><br><br> --> <h3><a href="http://stackoverflow.com/questions/14047242/informationContact.html">1032 St. Charles Avenue New Orleans, LA 70130<br></a> </h3><h2>(504) 588-2616</h2> <hr><h2>Open from <br>4 PM Daily</h2> <hr> <h2><a href="https://www.facebook.com/thecirclebar">Like us on Facebook!</a> <br>&<br> <a href="https://twitter.com/circlebar">Follow us on Twitter!</a></h2> <hr> <h3>Drink Specials available <br><h2>at Happy Hour</h2><h3>Daily: 4 - 8 PM</h3> <hr><h3>Happy Hour Music (6-9PM):</h3> <br><h3>Mondays: Missy Meatlocker <br>Wednesdays: Jim O. and The No Shows <br>Fridays: Norbert Slama <br>Sundays: Micah McKee and Little Maker</h3> </div> <div id="rightCol"> <h4><a href="http://stackoverflow.com/questions/14047242/calendar.html">Upcoming Shows:</h4></a> <hr> <h3>January 1st at 10PM <h2>Netherfriends</h2> <hr> <h3>January 10th at 10PM <h2>Idyl with William Tyler plus Andrew Duhon</h2> <hr> <h3>January 13th at 10PM <h2>The Whigs</h2> <h1>Bantam Foxes</h1> <br><h3><a href="http://www.brownpapertickets.com/event/307992">$10 Advance</a><br>$12 at Door</h3> <hr> </div> </div> </div> </div></body></html>\[/code\]
XImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')"; /* For IE 5.5 - 7 */ filter: progidXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080'); } <!DOCTYPE html><html><head> <meta charset="UTF-8"> <link rel="stylesheet" href="http://stackoverflow.com/questions/14047242/styles/styles.css"> <link rel="stylesheet" href="http://stackoverflow.com/questions/14047242/styles/HTML5CSSReset.css"> <link rel="icon" type="image/png" href="http://stackoverflow.com/questions/14047242/images/favicon.png"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> <title>Circle Bar</title></head><body> <div id="ground"> <div id="container"> <div id="header"> </div> <div id="nav"> <ul> <li><a href="http://stackoverflow.com/questions/14047242/index.html">Information</a></li> <li><a href="http://stackoverflow.com/questions/14047242/calendar.html">Calendar</a></li> <li><a href="http://stackoverflow.com/questions/14047242/imageGallery.html">Images</a></li> <li><a href="http://stackoverflow.com/questions/14047242/informationContact.html">Contact & Directions</a></li> </ul> </div> <div id="content" class="index"> <div id="leftCol"> <!-- <img src="http://stackoverflow.com/questions/14047242/images/oldLogo.png" width="200px"><br><br> --> <h3><a href="http://stackoverflow.com/questions/14047242/informationContact.html">1032 St. Charles Avenue New Orleans, LA 70130<br></a> </h3><h2>(504) 588-2616</h2> <hr><h2>Open from <br>4 PM Daily</h2> <hr> <h2><a href="https://www.facebook.com/thecirclebar">Like us on Facebook!</a> <br>&<br> <a href="https://twitter.com/circlebar">Follow us on Twitter!</a></h2> <hr> <h3>Drink Specials available <br><h2>at Happy Hour</h2><h3>Daily: 4 - 8 PM</h3> <hr><h3>Happy Hour Music (6-9PM):</h3> <br><h3>Mondays: Missy Meatlocker <br>Wednesdays: Jim O. and The No Shows <br>Fridays: Norbert Slama <br>Sundays: Micah McKee and Little Maker</h3> </div> <div id="rightCol"> <h4><a href="http://stackoverflow.com/questions/14047242/calendar.html">Upcoming Shows:</h4></a> <hr> <h3>January 1st at 10PM <h2>Netherfriends</h2> <hr> <h3>January 10th at 10PM <h2>Idyl with William Tyler plus Andrew Duhon</h2> <hr> <h3>January 13th at 10PM <h2>The Whigs</h2> <h1>Bantam Foxes</h1> <br><h3><a href="http://www.brownpapertickets.com/event/307992">$10 Advance</a><br>$12 at Door</h3> <hr> </div> </div> </div> </div></body></html>\[/code\]