Cita:
Iniciado por PatomaS 
hay dos soluciones viables, ... la segunda es asignar a la imagen la propiedad de bloque y luego incrustarla en un objeto inline, ya sea un span o un objeto de bloque con un display:inline.
Cuando asignas a un objeto la propiedad inline, no le pasa el problema mencionado del pequeño borde.
Bueno, no te aburro más con esto, menos mal que solucionaste el problema.
Felicidad
Al contrario no aburres para nada, es más había probado algo parecido, pero ahora que lo dices he probado este otro ejemplo de lo que citas
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Probando</title>
<style type="text/css">
body {
margin:0;
padding:0;}
* {
margin:0;
padding:0;
}
#contenedor{
text-align:center;
padding:0;
margin:0 auto;
width:664px;
}
#ejemplo {
text-align: center;
}
.imagen{
display:block;}
p{
background:#036;
text-align:center;
color:#fff;}
</style>
</head>
<body>
<div id="contenedor">
<div id="ejemplo">
<img src="imagenes/cabeza.jpg" alt="" class="imagen" />
</div>
<p>Hola este texto tiene que estar pegado al a imagen de arriba.</p>
</div>
</body>
</html> Gracias de nuevo, muy buena explicación. saludos
