Uhm... He visto algo extraño en ese código que pusiste. No creo que solucione tu problema, pero tengo curiosidad por saber qué es.
Has establecido una anchura total de 800 px, cierto? Y pusiste la sidebar y el contenido dentro? Bien, bien.
A ver, primero veo esto:
Código :
margin: 0 auto 0 auto;
Deberías poner "0 auto" sólo una vez.
Luego estoy viendo que haces que la sidebar flote a la izquierda, lo cual está bien. Pero al contenido le estás dando un margen izquierdo de 260 px. Por qué es eso?
Es decir, cuando flotas un elemento, el otro queda posicionado automáticamente a su lado. Si lo hiciste para dar cierta distancia, lo que te convendría es poner un margen de 10px a la derecha en #sidebar. Si no me equivoco, imagino que eso puede funcionar.
No soy experto en CSS, pero con lo poco que sé espero poder ayudarte en algo.
Y finalmente, si pones un pie de página en tu web, recuerda usar la propiedad clear, para que el contenido no pase por debajo del footer y se vea claramente, porque quizás es eso lo que te pasa.
Código :
#footer { clear: both; }
Otra cosa (si es que la web del enlace que pusiste es tuya) : tienes demasiadas declaraciones de estilo. Tienes 1 hoja para hacer reset, otra para estilos de la página, y finalmente tienes estilos embedded allí, es decir declarados dentro de head. Te recomiendo poner todos los estilos en una misma hoja, así ahorras tiempo y espacio. =D
Un saludo!