No funciona en firefox

[Xetori]

Buenas, tengo una funcion para que aparezca el menú deslizandose desde el bottom y no me funciona en firefox, en chrome funciona perfecta y no se a que se puede deber, he probado varias librerias jquery a ver si era por eso y nada, os dejo la funcion a ver si me podeis ayudar, un saludo.

$(document).ready(main);

var contador = 1;

function main () {
$('.nav_button').click(function(){
if (contador == 1) {
$('nav').animate({
bottom: '0'
});
contador = 0;
} else {
contador = 1;
$('nav').animate({
bottom: '-100%'
});
}
});
}