margen misterioso con float

[finikini]

Wenas tengo un div contenedor y dentro una imagen y otro div contenedor que contiene otros 3 div

<div id='pagina'>
<img src='...' />
<div class='contenedor'>
<div class='titulo'>...</div>
<div class='contenido'>...</div>
<div class='pie'>...</div>
</div>
</div>

todos los DIV tienen "width=100%, padding=5px, border=1px solid #000000" y la imagen un float left, el caso es que la imagen tanto a la izquierda como en la derecha me aparece un espacio de unos 2px por la cara, cuando en el lado izquierdo solo deberia tener un espacio de 5px por el padding del DIV(pagina) y el lado derecho deberia estar pegado al DIV(contenedor). ¿De donde salen esos 2 pixeles que me estan volviendo loco? y ¿como los quito?

[JHMorales]

Hola:
comienza la css así:
* {margin:0;padding:0;}
así anulas todos los margin y paddin que cada navegador pone a su manera por defecto.

Suerte. Jorge H.

[finikini]

gracias por tu ayuda, pero sigue ocurriendo exactamente lo mismo

aqui pongo el codigo del ejemplo

Código HTML:

<style>
* {margin:0;padding:0;}
DIV	{ width:100%; border:1px solid #000000; padding:5px; }
IMG	{ width:50px; height:50px; float:left; }
</style>

<div>
	<img src="..." />
	<div>
		<div>...</div>
		<div>...</div>
		<div>...</div>
	</div>
</div>