Este div não sobrepoe textos

[Guilherme014]

Este div não sobrepoe textos do html.

Por exemplo, tenho um link, e quando a pessoa clica abre este div, mas ele não sobrepoe as imagens e textos abaixo, o que fazer ?

<div id="departamentos" align="left" style="position:absolute; left:556px; top:890px; width:183px; border: 1px solid #000066; background-color: #6699CC; height: 143px; display:none;" >
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left"><a href="java script:void('Ciências Exatas');" onclick="ajaxGet('paginas/ensino/index.php?pagina=departamentos/index.php?dep=30', document.getElementById('internas'), true);">Ciências Exatas</a></td>
    </tr>
  <tr>
    <td align="left"><a href="java script:void('Ciências Humanas e Sociais');" onclick="ajaxGet('paginas/ensino/index.php?pagina=departamentos/index.php?dep=40', document.getElementById('internas'), true);">Ciências Humanas e Sociais</a></td>
    </tr>
  <tr>
    <td align="left"><a href="java script:void('Ciências da Saúde');" onclick="ajaxGet('paginas/ensino/index.php?pagina=departamentos/index.php?dep=110', document.getElementById('internas'), true);">Ciências da Saúde</a></td>
    </tr>
  <tr>
    <td align="left"><a href="java script:void('Construção Civil');" onclick="ajaxGet('paginas/ensino/index.php?pagina=departamentos/index.php?dep=60', document.getElementById('internas'), true);">Construção Civil</a></td>
  </tr>
  <tr>
    <td align="left"><a href="java script:void('Desenho');" onclick="ajaxGet('paginas/ensino/index.php?pagina=departamentos/index.php?dep=70', document.getElementById('internas'), true);">Desenho</a></td>
  </tr>
    <tr>
    <td align="left"><a href="java script:void('Eletro-Eletrônica');" onclick="pop('http://dee.cefet-ma.br', 600, 800, 1, 0, 1, 1, 1, 1, 1, 1, 1);">Eletro-Eletrônica</a></td>
  </tr>
    <tr>
    <td align="left"><a href="java script:void('Informática');" onclick="pop('http://dai.cefet-ma.br', 600, 800, 1, 0, 1, 1, 1, 1, 1, 1, 1);">Informática</a></td>
  </tr>
    <tr>
    <td align="left"><a href="java script:void('Letras');" onclick="ajaxGet('paginas/ensino/index.php?pagina=departamentos/index.php?dep=50', document.getElementById('internas'), true);">Letras</a></td>
  </tr>  <tr>
    <td align="left"><a href="java script:void('Mecânica e Materiais');" onclick="pop('http://dmm.cefet-ma.br', 600, 800, 1, 0, 1, 1, 1, 1, 1, 1, 1);">Mecânica e Materiais</a></td>
  </tr>
    <tr>
    <td align="left"><a href="java script:void('Qu&iacute;mica');" onclick="ajaxGet('paginas/ensino/index.php?pagina=departamentos/index.php?dep=80', document.getElementById('internas'), true);">Qu&iacute;mica</a></td>
  </tr>
  <tr>
    <td align="left"><a href="java script:void('Fechar');" onclick="toggle('departamentos')" class="link_1">Fechar</a></td>
  </tr>
</table>
</div>

[KaKarotto]

Guilhermão...especifica melhor o que está querendo...

Olha só, quando eu abri o seu html, ele primeiro não apareceu o div. Lógico, deve estar usando um Js para fazer aparecer, mas quando eu coloco ele para aparecer, ele vai lá pra baixo da tela...

Provavelmente está errando no position absolute.

Outra coisa, se está querendo fazer ele aparecer por cima, deve utilizar o z-index, que põe ordem aos elementos. O z-index do Css, recebe um número inteiro.

Então se quisesse que esse div sobrepusesse outro com nome div2 você colocaria o valor do z-index para 1 e colocaria o valor do z-index do div2 para 0.

Se tem dúvida da ordem em que os elementos da sua página estão, pode jogar um valor bem alto no z-index do seu div para 1000000000 por exemplo. Nada vai ficar sobre ele.

Abraço