This is my css. I messed about with it so much now I have now lost the overlap. I have put it up on www.testtemplate.co.uk
body { font: 80% Verdana, Arial, Helvetica, sans-serif; background:#f6efe5; margin: 30px auto; padding: 0; color:#666666;}
h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 15px; padding-left: 15px;}
h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:36px;color:#FF9966;}
p {line-height: 140%;}
a img { border: none;}.tag {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666666;}
.container { width: 960px; background: #f6efe5; margin: 0 auto;}
.header1 { background:#f6efe5; width:inherit;}.header2 {background: #f6efe5;width:inherit;height:350px;}.header2 img {z-index: -1;
}.content {background-color: #fff;margin: -100px 120px;background-color: #fff;
}