http://i53.tinypic.com/29vjvj6.jpg
i’m using two container tags because I don’t know what to do with the background image of the header. The circular shine light is just too big so I cropped the whole picture and created a container different from the body. Can anyone also comment if what I’m doin is correct? Here’s my code.
#header-page #header {
margin:0px auto;/* center the div*/
width: 960px;
}
#header-page {
margin:0px auto;
width: 1400px;
background-image:url(images/header.jpg);
background-color:#11161c;
height: 290px;
}
#header ul li {
display: block;
float: left;
margin-top: 150px;
}
#header ul li a {
color: #FFF;
font-family: "Myriad Pro";
font-size: 12px;
text-decoration:none;
padding-left: 15px;
}
#header-page #header h1 {
clear:left;
}
/*end of header*/
#page {
width: 925px;
background-color:#CCCCCC;
margin:0px auto;
}
#page_body{
margin: 0 auto;
width:960px;
float:left;
background-image:url(images/page-body-bg.jpg);
}