Float me deja espacio superior e inferior.

[wesse]

Hola. Me ocurre que al hacer un float left me deja un espacio superior e inferior.

Código HTML:

<style type="text/css">
<!--
	.post {
		width: 100%;
		background-color: red;
		margin: 0px;
		padding: 0px;
		float: left;
		clear:both;
	}


-->
</style>

  <div class="post"> 
    <p><a href="http://www.web.com/"><img src="foto.jpg" width="100" height="100" class="foto" /></a></p>
		</div> 

Si le quito el float: left; me aparece bien, sin márgenes.
Ocurre lo mismo si en lugar de una foto pongo un texto.
¿Porqué ocurre ésto?

Gracias!