PNG sobre SWF en un DIV

[sjam7]

Hola, tengo un flash sobre el que debo poner un PNG transparente para controlar los enlaces, actualmente tengo este codigo:

Código HTML:

<div style="width:300px; height:225px; float:left; padding-bottom:5px; margin-left:5px; border:1px solid #fff">
                <div id="anuncio">
                <!--Flash -->
                </div>
                <script type="text/javascript">
                var mymovie = new FlashObject("anuncios/a.swf", "anuncio", "300", "225", "7", "");
                mymovie.addParam("menu", "false");
                mymovie.addParam("wmode", "opaque");
                mymovie.write("anuncio<%=rsan("id")%>");
                </script>
                [B]<DIV STYLE="position:relative; top:-225px; width:300px; height:225px; z-index:4;"><A HREF="adminanun.asp" TARGET="_BLANK"><IMG SRC="images/blank.png" WIDTH="300" HEIGHT="225" BORDER="0"></A></DIV>[/B]
                </div>
 

Donde lo que esta en negritas es el DIV de la imagen, funciona bien, el problema es que este div queda cerca de la parte final de la pagina y me genera un espacio "transparente" como si el DIV estuviera abajo del DIV del flash, aunque realmente me lo esta poniendo encima...

pueden ver en www.ordenan.com.mx el problema es con el banner de la derecha, me genera un espacio hasta abajo de la pagina que queda en blanco, es decir, se hace mas alta la pagina de lo que deberia estar, ojala me puedan ayudar a resolverlo...gracias de antemano

[emiliodeg]

el problema esta en q position:relative; te reserva el lugar, deberas de usar position:absolute;

[sjam7]

hola, solo que si le pongo absolute me lo pone hasta arriba de la pagina...

[kseso?]

Claro.
Porque su único referente es body.
Si quieres que su referente sea el div sobre el que lo colocas, mételo dentro de él y le asignas (a su contenedor) position: relative para que su punto 0,0 sea la esquina superior izquierda de él.

Un saludo

[sjam7]

algo asi?:

Código HTML:

<div id="contenedor" style="position:relative; height:100px">
   <div id="contenido" style="position: absolute; height:-100px"></div>
</div>
 

[kseso?]

Mira a ver si el ejemplo de este tema te ayuda.

Donde está explicado y bien el tema de las posiciones es en la guia de migración de Mikmoro. (está en el encabezado de este foro de css, entre los temas marcados como importantes y permanentes)

Un saludo

[sjam7]

okas, perfecto, ya quedo, muchas gracias por todo...suerte