Banner fica por cima

Boa tarde !

estou terminando uma pagina.

na parte de "Prêmios", tem 2 fotos, nelas, apliquei o efeito popbox, em js,

que, ao clicar nas fotos, as mesmas ampliam na tela.

Mas ao ser apliadas, as fotos ficam por baixo do banner e ñ era pra isso acontecer !!

olha só:

pagina normal:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img816.imageshack.us/img816/4497/erromenu.gif&key=24c9f1ae98982f64acd02b97a8cfbfe11c5554bff494ef653bfaab66972a78ae" alt="erromenu.gif" />

foto ampliada:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img716.imageshack.us/img716/8797/erromenu2.gif&key=d03d2551df516dfe31104c112da8f1b0ec40d7d88237430e91e9654f83ffdcc1" alt="erromenu2.gif" />

e agora os css e html do banner

banner:

/css #banner{

float: left;
width: 615px;
height: 140px;
margin: 5px;
border: 1px solid #EAEAEA;

}

//html

<div id="banner">
<?php include('banner_maes.html'); ?>
</div>

 

tentei com z-index: -1;

mas n deu...

oq eu faço ??