Error - Imagen dentro de SPAN

[chriszitro]

Buenos días tengo un problema que me esta haciendo chamuscarme las neuronas, y la verdad no he dado con ninguna solución.

Resulta que tengo una imagen, la cual esta dentro de un SPAN, ahora, mi problema es que no logro hacer que en Firefox y Google Chroome el SPAN tenga la misma altura que la imagen.

Este es el codigo HTML:
<span class="mainContentGalsMini"><img border="0" src="galeria/000001/minis/812.jpg"/></span>

Este es el CSS:
.mainContentGalsMini {padding:3px; margin: 5px; border: 2px solid #d8363d;}


Les dejo dos imagenes, en una se aprecia como se ve en IE7, ty en la segunda en Firefox 3 y Chrome.

En Internet Explorer 7:
h t t p : / / img237.imageshack.us/img237/8210/imagendentrodespanie7.jpg

En Firefox y Chrome:
h t t p : / / img13.imageshack.us/img13/9543/imagendentrodespan.jpg

[WinGFX]

@chriszitro: El problema se debe a que una imagen cuenta con una alineación preddeterminada que es hacia arriba, yo te sugiero que en su lugar uses la imagen como fondo dentro de la clase, prueba de la siguiente forma:

.mainContentGalsMini {padding:3px; margin: 5px; border: 2px solid #d8363d; background:url() no-repeat; width:Wpx; height:Hpx;}

Recuerda cambiar Wpx y Hpx por el ancho y alto correspondiente a la imagen.

Espero te sirva

[chriszitro]

Hola WinGFX para otros motivos suena interesante realizar eso, pero en mi caso no creo ke mediante ese proceso pueda darles los atributos ALT y TITLE a las imagenes.

Y en mi caso es vital que tenga esos atributos, ademas, PERDON por no especificar, pero la imagen que viene dentro del SPAN "mainContentGalsMini" tambien estara dentro de un hipervinculo que llevara hacia la imagen en un tamaño un poco mas grande.

DE TODAS MANERAS MUCHAS GRACIAS POR LA RESPUESTA

Ya resolvi mas o menos eso, gracias a la propiedad OVERFLOW.

Ahora me estoy pegando de topes con las diferencias entre Internet Explorer y los demas Navegadores JEJEJEJEJE

SEE YA!!!