problema con botones

[prograficion]

Hola a toda la comunidad.
Tengo una web (www prograficion net) y en la pagina principal tengo unos cuantos botones que sirven para ocultar secciones de la pagina.
Tengo dos problemas.
1.- porque cuando el usuario da click sobre el boton, este se hace mas pequeño?
2.-porque los botones no funcionan en ie?
Hago el efecto SlideUp de Jquery, y no logro entender que pasa.



Eso pasa con opera, netscape...
Pero en firefox se ve exactamente como tiene que ser.

les dejo el codigo:

Código:

<button onclick="Principal()" id="botonPrincipal" value="ocultar">&larr;</button>

Código:

function Principal()
{
if(document.getElementById("botonPrincipal").value=="ocultar")
{
	$('#principal').slideUp("slow");
	document.getElementById("botonPrincipal").innerHTML="→";
	document.getElementById("botonPrincipal").value="mostrar";
}
else if(document.getElementById("botonPrincipal").value=="mostrar")
{
	$('#principal').slideDown("slow");
	document.getElementById("botonPrincipal").innerHTML="←";
	document.getElementById("botonPrincipal").value="ocultar";
}
}

¿¿¿Me explico bien???
Alguna idea de porque pasa eso?

Saludos...Espero me puedan ayudar.