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.

[caricatos]

Hola:

Los botones (tag button) tienen que tener especificado el tipo, aunque por defecto tienen que ser type="submit", pero como explorer siempre hace lo que le dá la gana, por defecto en ese navegador es type="button", por eso es importante especificar su tipo... pero tal vez no sea ese el problema... los botones en algunos navegadores debes darle el contenido con innerHTML, y en otros vale usar value...

Tal vez te interese más usar un control input... otra solución sería tener 2 botones y sólo mostrar uno, dependiendo del caso...

Saludos