mal funcionamiento en script

[JAK^]

hola que tal?? en este script lo que intento es que al hacer clic en un boton un div aparesca y desaparesca cuando se cliquea de nuevo. en IE funciona CASI bien, pues en el primer clic no hace nada pero despues si se cliquea el boton de nuevo ya funciona perfecto aparece y desaparece, en firefox no hace nada de nada

Código HTML:

<script language="javascript">
function expcontr() { 
	var buscador = document.getElementById('buscador'); 
	var barbusc = document.getElementById('barra-dir');

	var btnabrir = document.getElementById('btn-abrir');
	if(buscador.style.display == 'none'){      
		barbusc.style.height='300px';
		buscador.style.display = 'block';
   	

		btnabrir.value = "Cerrar Buscador";
	}   else { 
	     barbusc.style.height='30px';
		 buscador.style.display = 'none'; 

		btnabrir.value = "Abrir Buscador";
	}  
 return false;
}

</script>

.
.
.
.
.
.
  <div id="barra-dir">
      
      <div align="right" id="div-abrir">
        <input type="submit" name="button" id="btn-abrir" value="Abrir Buscador"  onclick="javascript:expcontr()"/>
      </div>
          
      
      <div id="buscador"><? include("buscador.php");?></div>
    </div> 

muchisimas graciassss por su tiempo!!!!!!!!!!!!!!!