content background colour not showing on a minus margin

[jegranet]

Hi, I am trying to replicate the style of this website www.telfordhoming.co.uk, however I cannot get the background to remain white where it overlaps into the header. Please can anyone help.

[davej]

That link doesn't work for me.

[jegranet]

http://lea727.wix.com/telfordhomeboarding

 

That should do it. I must have misread the re-direct. My daughter was building it on Wix, however I offered to build it on her own server, but she likes this style and I don't have a problem with the overlap except the background colour. It becomes transparent in the header.

[davej]

It's flash. Are you creating a conventional HTML webpage?

[jegranet]

Hi Dave, Yes I am - using Dreamweaver.

[davej]

Do you have an online website? Or do you have a fairly small webpage you can post? Or can you create a version of your webpage that demonstrates the problem without including reams of material that is irrelevant?

[jegranet]

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;

}

[davej]

Ok, looking at http://testtemplate.co.uk/ what is wrong with it?

[jegranet]

Where the content overlaps the header image the background should be white rather than transparent.