css posizione jquery elemento fisso a destra. animare ERRORE in Firefox

Question

ho creato un violino per la mia domanda:

fiddle

$('#move').click(function (e) { 
    e.preventDefault(); 

    $(this).not('.up').animate({ 
     bottom: '50%' 
    }, 1000, function() { 
     $(this).addClass('up'); 
    }); 

    $('.up').animate({ 
     bottom: '0%' 
    }, 1000, function() { 
     $(this).removeClass('up'); 
    }); 
}); 

C'è un bug in Firefox (la mia versione: 19.0.2).

Quando si fa clic sul pulsante rosso, salta a destra (la distanza ha esattamente la larghezza della barra di scorrimento). quando si trova sulla destra e si ridimensiona la finestra (o la struttura del violino), salta indietro.

Sto facendo qualcosa di sbagliato? C'è una buona soluzione per risolverlo?

Answer 1

bene se si modifica la proprietà width allora funziona bene anche su Firefox

provare questo

cambiamento

width:100px 

a

min-width:100px; 

Speranza che aiuta.