Bueno tal vez ya se habrá respondido esto pero no sabia con que palabras buscarlas exactamente así que aquí va mi problema espero puedan ayudarme.
hice un cabecera con diferentes imágenes utilizando background-image y 2 con la etiqueta <img> en fin se ve bien en todo los navegadores pero cuando agrando la pagina ya sea con la rueda del mouse todos aumentan su tamaño salvo IE6 que el div principal se queda estática y solo aumenta sus elementos haciendo que todo se desconfigure.
espero me puedan ayudar con este problema. y acepto sugerencia si se puede mejorar el codigo recien estoy entrando en el mundo de diseño web
gracias de antemano
dejo el código:
//html
<div id="pagina">
<div id="cabecera" class="header">
<div class="fondo-huellas">
<div class="fondo-mascota">
<img id="logo-animaux" src="img/logo.png"/>
<img class="icono-facebook" src="img/icono-facebook.png"/>
<p id="title">Centro Médico Veterinario</p>
<p id="slogan">La atención que tu mascota merece</p>
</div>
</div>
</div>
</div>
// css
#pagina{width: 800px; margin: 0 auto; overflow: hidden; height: 1%;}
.fondo-huellas{
background: url('../img/fondo-huellas.png') no-repeat 17% 10% ;
}
.fondo-mascota{
background: url(../img/fondo-mascota.png) no-repeat bottom right;
}
#logo-animaux{
position: absolute;
margin: 0 0 0 10.5em;
}
.icono-facebook{
position: absolute;
margin: 0 0 0 47em;
}