Imagen en background se deforma para ocupar todo el ancho?

[chefnelone]

Hola
solo eso (SOLO EN IE6)

tengo este css para colocar una imagen(de ancho 100px) de fondo en un div(de 200px de ancho)

background-image: url(images/back9.png);
background-repeat:no-repeat;
background-position: 305px 0px;

el problema es que la imagen se deforma para ocupar todo el ancho (o sea que se ve una imagen de 200px de ancho, cuando su ancho original es 100px)
he probado con

background-size: auto; PERO NO FUNCIONA

para que el png se vea bien en ie6 estoy usando el archivo (pngbehavior.htc)

alguna idea?
gracias
saludos

[willyfc]

lo que podrías hacer es utilizar doble contenedor de esta manera:

Código:

#cont{width:200px; height:200px;}
.cont_img{width:100px; height:100px; margin:50px; background:url(../imagenes/a.jpg) no-repeat}

la imagen que pongo ahí es de 100x100px

Código HTML:

<div id="cont">
	<div class="cont_img"></div>
</div> 

avisas si es eso lo que quieres

[chefnelone]

es buena idea pero no me va a servir porque el div (digamos el ultimo al que tu le das clase cont_img) tiene que tener 200px de ancho por el contenido que este tiene. no se si me explico.

[willyfc]

la verdad que no entiendo bien, cuelga algo en la red o muestra tu css y html

[Mikmoro]

Casi te puedo asegurar que sí, que es problema del JS que usas para la transparencia PNG en IE, ya que varios de ese tipo lo tienen.

Mírate este hilo http://www.forosdelweb.com/f91/ie6-p...lucion-652787/

Yo probaría ese script, que no produce ese efecto y es muy fácil de usar.

[chefnelone]

gracias por las ideas.
De todas formas he hecho un arreglito solo para ie6 porque tenía algo de prisa.
Me miraré el hilo que me pasas.

saludos