Div overlapper hinanden.

Hej med jer.

Nu jeg står med et problem igen.

Siden jeg har problemer med kan ses her: http://www.wowjumper.com/test2/index.htm

Det drejer sig om at jeg er ved at lege med div, problemet er bare at jeg har 3 div's der overlapper en anden.

Meningen er at min side skal lige dette billede http://www.wowjumper.com/test2/tu1.jpg
Men der hvor min main text stå(content), stregen og menuen, overlapper den boks der skulle være i baggrunden.

Nogle der ved hvordan jeg får dette lavet ordentlig?

Html:
http://www.wowjumper.com/test2/index.htm

CSS:
http://www.wowjumper.com/test2/css/template_css.css

Jeg takker på forhånd!