Hola de nuevo:
Lo primero que he visto es que tienes varios margin sin parámetro (en la cita siguiente te lo señalo en azul), mejor corrígelo. Lo segundo (que te estaba comiendo la moral):
Código:
#contenido {
float: left;
width: 665px;
height: 470px;
margin: 0;
border: 1px solid gray;
margin-right: ;
padding: 5px;
height: 470px;
float: right;
font-weight: bold;
}
te lo marco en rojo cambia el width a 664 o menos (lo dejo a tu elección), el problema estaba en que el ancho del contenido + el ancho de la barra lateral superaban el encabezado. En tercer lugar fijate en el color verde, en el mismo id indicas dos float distintos, lo que hace que solo tenga en cuenta la segunda.
Con respecto a que te da vergüenza, quédate tranquilo estamos aquí para aprender que nadie nacio aprendido.
Comentame si te ha salido bien.
Saludos.
