Veamos:
Los pixels a lo que me refiero son estos:
Le he colocado ese borde amarillo para que los aprecies mejor.
Problemas con la imagen del header: dale un alto al contenedor y colócala como background, así no te pisará el siguiente div.
Yo personalmente rediseñaría la imagen, para dejarla en una anchura de 720 px de longitud (tienes definido el width de #page al 90%) si quieres que en una resolución de 800px no se corte.
Para el 'resetear':
busca aquí o más directo
esto otro
¿que cómo hago para ver a que parte afecta el css, y más importante, jugar con él sin miedo a estropear nada?:
Usa Firefox
Instala estas extensiones:
Web Developer FireBug
Sobre clear (es un copy-paste):
Cita: El estilo "clear" se utiliza conjuntamente con float. Se usa este estilo cuándo queremos que elementos que tienen cerca un elemento flotante (mediante "float") dejen de alinearse junto a él.
Sus posibles valores son left (el elemento no permite flotantes a su izquierda ), right (el elemento no permite flotantes a su derecha ) o both (el elemento no permite flotantes a ningún lado).
Creo que es todo.
Un saludo
P.D.: todo lo anterior me lo han dicho antes otros a mi, y mejor de lo que yo lo estoy repitiendo.
