¿Por qué 300+300+300‡900?

[iulius]

Quizá sea el enlace o quizá el div contenedor. Una buena práctica es "resetear" los estilos al principio de tu hoja de estilos CSS para que no te tome nada (o lo menos posible) de los valores predeterminados por los navegadores. Puedes buscar estos códigos de reset en Internet, yo uso éste al principio de mi hoja de estilos:

/* --- CSS Reset --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0px;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

Y a partir de ahí ya tienes la seguridad de que trabajas sobre un CSS más o menos "limpio" ;O)