El diseño de tu página es uno de los ejemplos clásicos de los diferente tipos de hojas de estilos que usan por defecto los navegadores. Esta es una imagen del layout de tu página y como están distribuidas las celdas de las tablas que se usan:
Los espacios entre elementos por defecto no son los mismos en los navegadores. Es recomendable empezar siempre eliminando los margenes y paddings usando css:
Código HTML:
* {padding:0;margin:0;}
una vez haces eso puedes planear los espacios entre los distintos elementos tu mismo usando css. Te recomiendo que pases por el foro de CSS y ahí te podrán ayudar mejor