alto de imagen diferente al contenedor

[virla]

Bueno les explico, como siempre el lio de que en firefox no se ve como en IE
Tengo un contenedor que contiene texto y una imagen
El alto de la imagen son diferentes y la cosa es que en alguno de los casos cuando esta es mayor que la del contenedor en el firefox la imagen sale del recuadro en cambio en IE sale bien

aca les pongo el estilo y el ejemplo

Estilo

Código:

#ContMnuProductos { width: 280px; height: auto; border: solid 1px #cccccc; background: #ffffff; padding: 10px; }
.CatProd { width: 270px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8FAB5C;border: solid 1px #B2C58F; background: #ECF0E3; padding: 5px; margin-bottom: 10px; }
.CatProd p{ font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; }
.CatProd img { width: 100px; float: left; margin-right: 10px; }

Ejemplo

Código:

<div class="CatProd">
     <img src="/public/Celular.png" border="0" /><a href="seccion_aviso.asp?Sec=Telefonia&IdSec=CEL">Telefonia</a><br>
     <p>Telefonia celular</p>
</div>

Si alguien puede ayudarme para que se puedan ver en los dos navegadores bien
muchas gracias de antemano

[Mikmoro]

¿Y en IE qué es lo que hace bien? ¿se ensancha la caja para acoger la imagen que sea más grande que ella?

Mikel.

[virla]

claro se adapta al tamaño de la imagen ya que me toma el height: auto;

[Mikmoro]

Pero yo no veo un height: auto en la caja de la clase .CatProd, que es la que al parecer contiene la imagen.

Mikel.

[virla]

ok es que estube probando de todo y en una de esas tambien lo que hice fue borrarlo sori

[Mikmoro]

Bueno, lo que comentas se debe a que la imagen tiene un float left:

.CatProd img { width: 100px; float: left; margin-right: 10px; }

Prueba a añadir a ese selector la propiedad overflow: auto;

Si no funciona dime que hay otra manera.

Mikel.

[virla]

Bueno amigo eso me funciono bien salvo por un pequeño detalle
que me imagino debe tener solucion
No se como explicarlo asique te puse unas imagenes de muestra
es el tema del texto tanto el titulo como el descriptivo
Ejemplo en IE

Ejemplo en FF

[Mikmoro]

No, no, perdón, una equivocación. Al releerlo ahora me he dado cuenta:

la propiedad overflow se la tienes que poner al selector .CatProd, no al .CatProd img

Mikel.

[virla]

amigo ahora si PERFECTO ahora se ven en los dos iguales, bueno he aprendido algo mas ya que esa propiedad jamas la utilice y de a poco voy conociendo mas esto de las CSS
Mil y un gracias

[Mikmoro]

De nada, es un placer. Todos vamos aprendiendo de esto a tortas

Mikel.

[virla]

una pregunta mas que no es de lo mismo exactamente
tengo un tabla
en un tr le pongo una imagen de fondo, en IE no se ve la imagen y en FF si
Que puede ser?

[Mikmoro]

Si el código está bien puesto:

<tr style="background-image: url(imagen.jpg);">

o bien en la css

tr {background-image: url(imagen.jpg);}

verse, debería verse. Otra cosa es que IE no considere un tr como una entidad en sí misma sino una composición de td's, por lo que en lugar de ver una imagen que coja todo el tr seguramente verás la imagen repetida en cada td.

Mikel.

[virla]

bueno ahora se ve con la salvedad de que como decis vos lo que hace es repetirme la imagen td pero bueno no importa porque se ve y la unica diferencia es que salen las rayitas de cada columna
muchas gracias por tu ayuda