Problema capa y Gif

[omegafunky]

bueno amigos ando programando en asp tengo una pantalla donde se suben 5 archivos en una capa tengo el formulario y en otra un texto que dice "espere mientras se suben los archivos" y esta capa tiene un gif de cargando, al pucarle al boton subir archivos en la capa uno, esta se oculta (capa 1) y se muestra la capa 2 de subiendo los archivos pero el gif se queda estatico no se mueve, a que se debera y como solucionarlo? no estoy usando AJAX solo muestro y oculto capas, les dejo mi codigo, aunque le quite algo porque es mucho y solo les pongo la funcion y las 2 capas

java

Código PHP:

  function capas(campo) 
{
    document.getElementById('contenido').style.visibility="hidden"; 
    document.getElementById('espere').style.visibility="visible";         
    }






<div id="contenido">
<table width="400" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="borde_sky">
<form action="subir_archivos_pro.asp" method="post" enctype="multipart/form-data" name="form" onsubmit="return capas(this);">
  <tr class="slim">
    <td width="11" class="relleno_amarillito">&nbsp;</td>
    <td width="108" class="relleno_amarillito">&nbsp;</td>
    <td width="279" class="relleno_amarillito">&nbsp;</td>
  </tr>
  <tr>
    <td class="relleno_amarillito">&nbsp;</td>
    <td colspan="2" class="relleno_amarillito"><table width="380" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>En esta sessi&oacute;n puede subir hasta <%= archivos_a_subir %> archivos de evidencias correspondientes al proyecto en el que se encuentra laborando actualmente. </td>
      </tr>
    </table></td>
  </tr>
 
  <%
    SQL_count = "SELECT COUNT(id_archivo) AS total FROM archivos WHERE id_sesion = "&Session("sesion_actual")&";"
    Set rs_count = conn.Execute(SQL_count)
    
    SQL_checa = "SELECT id_archivo, nombre FROM archivos WHERE id_sesion = "&Session("sesion_actual")&";"
    Set rs_checa = conn.Execute(SQL_checa)

    if Not rs_checa.EOF then
    k = 1
    While Not rs_checa.EOF
    k = k + 1
    rs_total = rs_count("total")
    %> 
  <tr class="slim">
    <td class="texto_1">&nbsp;</td>
    <td class="texto_1">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td class="texto_1">&nbsp;</td>
    <td class="texto_1">Archivo: </td>
    <td class="texto_1">&nbsp;
      <%response.Write ("<a href='archivos/" &rs_checa("nombre")& "' target='blank'>" &rs_checa("nombre")& "</a>")%>
      <img src="http://www.forosdelweb.com/images/delete.gif" width="14" height="14" border="0" onclick="javascript:eliminar(<%=rs_checa("id_archivo")%>);" /></td>
  </tr>
  
    <%   
    rs_checa.MoveNext
    Wend
    rs_checa.Close
    end if
    archivos_a_subir = archivos_a_subir - rs_total

    for i = 1 to archivos_a_subir 
    %>
  <tr class="slim">
    <td class="texto_1">&nbsp;</td>
    <td class="texto_1">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td class="texto_1">&nbsp;</td>
    <td class="texto_1">Archivo <%= i %>: </td>
    <td><input name="<%= "archivo" & i %>" type="file" id="<%= "archivo" & i %>" /></td>
  </tr>
    <%   
    next
    %>
  <tr class="slim">
    <td colspan="3" align="center" class="texto_1">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3" align="center" class="texto_1"><input type="submit" name="Submit" value="Subir Archivos" /></td>
  </tr>
  <tr class="slim">
    <td width="11" align="center" class="texto_1">&nbsp;</td>
    <td align="center" class="texto_1">&nbsp;</td>
    <td align="center" class="texto_1">&nbsp;</td>
  </tr>
  </form>
</table>
</div>




<div id="espere" style="visibility:hidden; background-color:#FFFFFF">
<span class="texto_1">
<center>Subiendo los Archivos<br />espere un momento por favor<br /><img src="imgs/cargando_02.gif" width="50" height="50" />
</center>
</span>
</div>