2 css uno con galería de imagenes y otra con videos

[ceaped]

Buenas noches para todos.

Tengo un problema con un sitio Web en el cual tengo una galería de imagenes hecha con css y otro css mas abajo con videos cargados con "mediaplayer".
Todo funciona Ok pero cuando se amplia la imagen queda por debajo del marco de video. Ya he probado con z-index=-999; pero no me funciona.

Que debo poner el las propiedades de css o en las opciones de carga de video para que no me suceda esto?.

Así se carga el video

<script type="text/javascript">
var so = new SWFObject('player/mediaplayer.swf','mpl','400','450','8');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addVariable('file','player/lista_videos.xml');
so.addVariable('height','450');
so.addVariable('width','400');
so.addVariable('displayheight','300');
so.addVariable('autostart','false');
so.addVariable('repeat','list');
so.addVariable('shuffle','false');
so.write('player');
</script>

Hay que agregar alguna pro piedad para quede por detras o quede transparente como en el caso de un swf se pone:

<param name="wmode" value="transparent">

Y su z-index-999;

Y queda por detras osea que se vería por delante lo que se cargue encima de el.

Gracias por su ayuda

[ceaped]

#player{
z-index: -999;
}

so.addVariable("wmode", "transparent");

Le pongo esa propiedad y css y me sigue quedando por delante el video.

La galería como dije está hecha con css y lo único que hace es que presiono una miniatura y se amplia, cuando se amplia como el video esta abajo la imagen me queda por detras.

También como decia:

<param name="wmode" value="transparent">

En un swf que tengo cuando lo valido me dice que no es valido.

[ceaped]

Problema solucionado.

El problema estaba aquí:

Está mal.

so.addVariable("wmode", "transparent");

Es así:

so.addParam("wmode", "transparent");