Hello -I am working on a site for a friend of mine. She currently has a site that she built using the tools that Verizon provided her and well, the code is crazy...Since I have been working on learning CSS, along with improving my xhtml and php skills, I offered to rewrite the site. The problem I am having is that the background image , which I insert in the id="container" (which holds everything else) is getting covered somehow by the id="main". If I remove the id="main" from the div, the background appears behind the text. but once I put the id back in, it gets hidden. What have I done wrong?Thanks in advance for any assistance.One other questions since I'm asking. I have an id="banner" which goes accross the full width of the id="container" at the top of the page with some text in it. The text is centered from right to left, but is there a way to center it from top to bottom of the id="banner" ? That would make things a lot easier than trying to space it with padding.below is the main page for the site with the background issue, including the css in the page (I haven't seperated it out yet).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><!-- Need to come up with a better/correct URL for the page<head profile="http://www.samspage.com">--><meta http-equiv="content-type" content="text/html; charset=utf-8" /><!-- Need to fill out some of these fields to correctly describe sams page<meta name="keywords" content="music, sam, scdsam" /><meta name="description" content="This is the webpage dedicated to Sam and all her music glory!" />--><title>Sam: Original Music</title><!-- <link href="box.css" rel="stylesheet" type="text/css" /> --><!-- <link href="print.css" rel="stylesheet" type="text/css" media="print" /> --><style type="text/css"> body { font-family: Verdana,Arial,Helvetica,sans-serif; color: #ffffff; margin: 0; padding-top: 8px; background: #6699cc; } #container { width: 850px; margin-right: auto; margin-left: auto; background: url(i/bkground.jpg) left top; } #banner { height: 100px; width: 850px; float: center; } #nav { float: left; width: 150px; text-align: center; } #main { float: right; width: 680px; padding: Opx 10px Opx 10px; } #legal { clear: both; width: 760px; } ul#mainNav { margin: 0; padding: 0; list-style: none; } #mainNav a { color: #fff; letter-spacing: 2px; font-size: 0.8em; text-transform: uppercase; text-decoration: none; padding: 6px 10px 5px; display: block; } #mainNav a:hover { } h1 { font-size: 3em; font-style: italic; color: #ffffff; text-align: center; } h2 { font-size: 2em; color: #ffffff; } .style1 { color: #FF0000; font-weight: bold; } .style2 { text-align: center; }</style> </head><body id="pagename"><div id="container"> <div id="banner"> <h1>Sam: Original Music</h1> </div> <?php require("nav.php"); ?> <div id="main"> <h2>the home</h2> <p>Welcome to my new-and-slowly-improving music site! Home of gratuitous self-promotion and well...more gratuitous self-promotion. Seriously, what else would you use the internet for?</p> <p>Here you can check out all the things about me, listen to some of my songs and even get a CD. So get to looking.</p> </div> </div><div id="legal"></div></body></html>