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!

[emprear]

te esta sobrando el tag <p>, ahi se te genera el padding y margin adicional, solo reseteaste el div

Saludos

[wesse]

Gracias, pero sólo lo he solucionado parcialmente. Al insertar texto también me vuelve a dejar un espacio superior en el texto:

Código HTML:

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

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

[emprear]

el espacio ese es el salto de linea <br /> insertado a continuación del link, quitalo

Saludos

[wesse]

ups.

mil gracias amigo!