Header con 3 imagenes

[sjam7]

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?

[fer10]

mueve el
#fondo yo tambien hice lo mismo pero use una capa para la pura imagen en vez de ponerla como background posicionado.. y me sirvio bien

a lo que voy es que uses #fondo y le pongas la medida de la imagen y en vez de colocarla de fondo mueve esa misma capa a donde quieres que se vea

[sjam7]

pero no quedaria por encima de las otras imagenes?

[fer10]

si esa es la idea que se encime.. PERO FUNCIONA!

es casi lo mismo que queirs hacer pero seaprando los elementos..

[sjam7]

podrias ponerme un ejemplo? es que no quiero que se encime, no quiero que el fondo se note en el banner sino que sea un fondo como tal

[fer10]

mira:
http://www.fernando.com.mx/prueba

puedes ver que sigen siendo fondos ya que tengo texto arriba de los 2 elementos..