jQuery slidedtown - scivolando più del necessario e quindi invertito

Question

Ecco il mio codice

$.get("insert-note.exec.php", {mess: messIn}, function(ajaxContent) {
   if(ajaxContent != 0) {    
      $('#message-text').val('');  
      $('#insert-flag').after(ajaxContent);  
      $('#insert-flag').next('.message-bubble').slideDown('slow');
   }
});

Parte CSS

#message-text {
 padding:4px;
 outline:none;
 color:#FFF;
 border:3px solid #101010;
 background-color:#FFF;
 border-radius:6px;
 -moz-border-radius:6px;
}    

.message-bubble {
 width:92%;
 padding:1.50%;
 margin-bottom:2%;
 letter-spacing:1px;
 border-radius:8px;
 overflow:hidden;
 cursor:pointer;
 -moz-border-radius:8px;
 background-color:#FFF;
 -moz-box-shadow: 1px 1px 1px #FFF;
 -webkit-box-shadow: 1px 1px 1px #FFF;
 box-shadow: 1px 1px 1px #FFF;
}

#insert-flag {
  width:0;
  height:0;
}

In breve, sto cercando di recuperare i dati (AJAX) dal server che viene restituito come div e sto cercando di far scorrere il div nell'interfaccia corrente.

Problema: Funziona tutto come previsto, tranne per il fatto che il nuovo Div scorre un po 'più in basso e quindi si riprende alle dimensioni appropriate.

Per esempio: Per un div a 3 righe, l'effetto si traduce in una iniziale slideDown di, diciamo, 5line e poi simili a un effetto di slideUp si regola alle 3 linee appropriate.

Come posso gestirlo?

(Nota: un effetto simile può essere visto a Loopt che funziona correttamente quando vengono spinti nuovi contenuti)