CSS na resolução automática

[marvi]

Olá pessoal,

Eu tenho um codigo que mantem um pop-up na frente do site, mas quando mudo de resolução o pop-up fica na posição errada, cortado... como fazer esse css se ajustar a resolução automáticamente?

#pop_up {
  width:30%;
  position: absolute;
  top: 20%; 
  left: 45%;
  height: 600px; 
  width: 700px; 
  margin-top: -100px; 
  margin-left: -300px; 
  \* background: #FF0000; */
  z-index: 1000; 
  overflow: auto;
}


<div id="pop_up"><a href="java script:void(0)" onclick="document.getElementById('pop_up').style.display ='none';">Fechar</a>

<img border="0" src="figuras/pop.jpg" width="684" height="535"></p>

</div>

Desde já, agradeço

[marvi]

Outro problema é que esse meu código não funciona no FireFox, só funciona no Internet Explorer

No firefox o banner fica por de trás do site que tem também css

Como resolver?

[Matheus Matos]

cuidado com os posts duplos (up)... isso é contra as regras, se queria adicionar mais alguma informação, editava o tópico! ;)

bem, aparentemente, pelo css e o javascript, não tem nada errado não... o que está acontecendo realmente?

Quando muda a resolução ele fica onde? O javascript funciona? Está atrás do site, com esse z-index todo? Temos que saber como está o site como um todo... se puder nos ajudar... ^_^

Vlw

Matheus Matos

Editado Setembro 18, 2009 por Matheus Matos