So I just switched over from tables about a month ago so I'm learning this <div> stuff now. I feel like I might have overdone it on my <div>'s but this is what's happening. My background for my content <div> is disappearing. On one page it's disappearing about half way down when I start another <div> and on the other page it's just gone altogether. I'm hoping we can figure it out for the shorter source code because I don't want to paste the other it's a tad bit longer. Here's my view source for the one that disappears altogether: <html> <head> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="frame"> <div id="banner"> </div> <div id="navigation"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Learn</a></li> <li><a href="#">Shop</a></li> <li><a href="#">Events</a></li> <li><a href="#">Join The Fun</a></li> </ul> </div> <!---- HERE'S MY CONTENT SECTION WHERE IT DISAPPEARS!!! --> <div id="content"> <div class="body"> <div id="subpage"> <div class="subpage_content"> <p class="p_header"> Heading #1 </p> <p class="p_text"> CONTENT </p> <p /> <p class="p_header"> Heading #2 </p> <p class="p_text"> CONTENT </p> </div> <div class="subpage_advertisement"> </div> </div> </div> </div> <div id="footer"> <ul> <li><a href="#">Contact Us</a></li> <li><a href="#">Partners</a></li> <li><a href="#">Resellers</a></li> </ul> </div> </div> </body> </html> Here's a small portion of my CSS for this area (if I delete the CSS for the #content then the problem goes away) /* SUBPAGES STYLES */ #subpage { width:100%; } #subpage .subpage_content { width:63%; float:left; } #subpage .subpage_advertisement { width:35%; float:left; } Any help is appreciated Thanks!