Эффект отскока JQuery, сломанный Bootstrap

Question

Я пытаюсь отскочить всплывающее окно при наведении. Я хочу, чтобы всплывающее окно было панелью Bootstrap (v3.0.0). Проблема заключается в том, что панель изменяет ее ширину после эффекта отскока.

Пример: http://fiddle.jshell.net/YxRvp/

Каждый знает, как это исправить?

Answer 1

добавить min-width:315px; к .poppy

http://fiddle.jshell.net/YxRvp/10/

#poppy { 
    position: absolute; 
    top: 200px; 
    left: 250px; 
    width: 315px; 
    height: 200px; 
    overflow: hidden; 
    background: #f9f9f9; 
    display: none; 
    z-index: 2; 
    min-width:315px; 

} 

Answer 2

DEMO

$('.hover').mouseenter(function (e) { 
    $('#poppy').css('top', e.pageY).css('left', e.pageX); 
    $('#poppy').effect("bounce", { 
     times: 1 
    }, 200); 
    $('.overlay').show(); 
}); 

$('.hover').mouseleave(function() { 
    $('#poppy').hide(); 
    $('.overlay').hide(); 
});