Elementos Flash, cada uno en su capa

Hola me acerco a ustedes por que llevo horas rompiendome la cabeza con esto.

Tengo 2 elementos flash cada uno de un ancho de 128px, dentro de uno mas grande de 400px, el punto es que la cosa se ve mas o menos asi:

Código :

<div>
<div></div>
<div></div>
</div>

Y actualmente me muestra esto:


y quisiera que me los muestre en una sola linea sin usar Float, alguien tiene una idea de como hacerlo? creo que el CSS de wordpress esta interfiriendo, incluso si se pudiera hacer de la forma

Código :

<div style" ">SWF</div>

Sería genial! alguien tiene alguna idea?

Usa !important en tus declaraciones de estilo, por si hay conflictos con los de wp. Tambien revisa ser que el ancho del contenedor no sea menor al ancho de los "contenidos" sumado (si el contenedor mide, por ejemplo, 200px y sus "contenidos" 101px, el browser los pasa abajo).

En lugar de floats.. puedes usar

Código :

 display: inline;

Y en lugar de important.. puedes usar una mayor herencia.. como por ejemplo...

Código :

body #wrapper .red

.... lo de los important es porque... dicen por allí.. que a veces los importants no funcioan como deben en el bien amado IE...

Saludos

la gracia de !important es justamente que no funciona en IE es para decirle a nuestro querido navegador estandar (o casi) que tal propiedad es la que vale y que por tanto no la sobreescriba

y bueno lo de poner un flash uno en una capa y el otro en otra es tan sencillo como montar las capas flotantes una encima de otra con z-index o incluso poniendo antes la capa que queremos ver abajo
<div>abajo</div>
<div>arriba</div>


obviamente todos aca somos personas adultas y colocamos nuestros swf con flashObject

Probaré lo que dice JOS, asi de entrada resolvimos el problema con tablas gracias por contestar