Espacio en Blanco entre imagenes

[uokesita]

Hola. quisiera que me ayudaran a saber que pasa con mi codigo..

Tengo en el footer de mi pagina dos columnas que a su vez tienen una imagen top para el borde superior una imagen q se repite para el contenido y una imagen inferiror para el borde de abajo..

Pero algo me esta saliendo mal. ya que entre el borde superior y el contenido deja un espacio en blanco y esto no sucede con la parte inferior.. aca la pagina para que lo vean
http://usuarios.lycos.es/uokesita/2.0/index.php

De verdad que no veo donde tengo el fallo, entonces a ver si me hechan una mano y me dicen donde tengo el error



estilo del footer css

Código HTML:

div.footer {
	width:1000px;
	height:auto;
	margin-left:100px;
	margin-top:30px;
}
div.footest {
	float:right;
	width:200px;
	height:auto;
}
div.foot1 {
	float:left;
	width:350px;
	height:auto;
}
div.foot2 {
	float: right;
	width:350px;
	height:auto;
	margin-left:500px;
}
div.foottop {
	background: url(img/foottop.png);
	background-repeat:no-repeat;
	height:10px;
	width:350px;
}
div.footbg {
	background:url(img/footbg.png);
	background-repeat: repeat-y;
	width:340px;
	height:auto;
}
div.footbottom {
	background:url(img/footbottom.png);
	background-repeat:no-repeat;
	height:10px;
	width:340px;
}

parte del archivo footer.php

Código PHP:

   
 
     <div class="footer"> 
          <div class="footest"> 
               <div class="sidetop">  
                    <span class="gris"> 
                    <center> 
                         Estadisticas 
                    </center> 
                    </span>  
               </div> 
               <div class="sidebg"> 
                    <center> 
                    <center> 
               </div> 
               <div class="sidebottom"></div> 
          </div> 
           
          <div class="foot1"> 
               <div class="foottop"></div> 
               <div class="footbg"> 
               <center> 
               <span class="gris"> 
               Espacio disponible para publicidad 
               </span> 
               </center> 
               </div> 
               <div class="footbottom"> </div> 
          </div> 
           
          <div class="foot2"> 
                  <div class="foottop"></div> 
                    <div class="footbg"> 
                       <center> 
                       <span class="gris"> 
                       Espacio disponible para publicidad 
                       </span> 
                       </center> 
                    </div> 
                    <div class="footbottom"> </div> 
          
          </div> 
           
          <div class="creditos"> 
          <span class="negro"> 
          Todos Los Derechos Reservados &copy; 2008  || Conacto Web: <a href="mailto:[email protected]">[e-mail]</a> 
          </span> 
          </div> 
           
     </div>  
   

otra cosa.. como hago para solucionar el problema que se ve cuando abro la pag en firefox. es decir el footer queda inmediatamente pegado donde termina el contenido central de la pag.. haciendo que la columna de estadisticas se monte sobre la de publicidad :S en internet explorer se ve tal cual como lo quiero (las pocisiones)