Hola, estoy haciendo un header que llevara 3 imagenes, el header mide 760px y esta dentro de una tabla, las imagenes son:
1.- fondo en PNG cargado a la derecha
2.- Logo de la empresa, GIF animado a la izquierda
3.- Banner GIF aleatorio (aleatorio generado con Javascript)
El problema es, como siempre IE, el fondo lo tengo asi:
Código:
#fondo {
background-image:url(images/fondomundo.png);
background-repeat:no-repeat;
background-position:520px 10px;
}
* html #fondo {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fondomundo.png', sizingMethod='crop');
background-position:520px 10px;
}
Con Firefox si se pone donde quiero, con IE se queda siempre en el mismo lugar aunque cambie los valores de position
Esto lo hago con tablas.... como podria maquetar estas imagenes con puro CSS, tengo un relajo de tablas que he ido quitando, solo esta me esta dando problemas y quiero ver como lo arreglo, que me aconsejan?