Det er meget muligt at din side validerer i diverse tests. Men det virker for mig som om at der er rod i dine regnestykker. Derfor hopper #content ned og ligger sig forkert.
I din #container sætter du bredden til at være 800 px
#container {
position:relative;
width: 800px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
background:#FFFFFF;
}
I din #left, som indeholder menuen sætter du bredden til at være 195 px
#left {
left:0px;
padding: 15px 10px 15px 20px;
background:#FFFFFF;
width:195px;
height:580px;
float:left;
background:url(images/leftbar1.jpg);
}
Så burde du have 605 px tilbage til din #content.. Men, den har en bredde på 780 px
#content {
height:594px;
text-align:left;
width:780px;
}
For at kompensere for pladsmangel hopper #content ned under #left for at få den plads den mangler. Gennemgå alle width/height + margin/padding og se om alt går op i sidste ende. Så burde det hele falde på plads.