Ajax Kayma Sorunu

Merhabalar ajax ile bir sisteme live search entegresi yaptık. Ancak arama sonuçlarını aşağıda listelerken kayma yapıyor buna yardımcı olabilecek bir arakdaşımız var mıdır? PM Atabilirsiniz şimdiden çok teşekkürler saygılar.

Demoyu PM atarsanız bakabilirim

PM Atıldı, teşekkürler saygılar.

İnternette bulduğum bir kaynak ile çözüme ulaştım aynı sorunu yaşayan olursa diye bırakıyorujm, sonuçların listelendiği ul ye stil vermek gerekiyormuş.

  .liveresult{
        position: absolute;        
        z-index: 999;
        top: 100%;
        left: 0;
    }
    .search-box input[id="text"], .liveresult{
        width: 100%;
        box-sizing: border-box;
    }
    /* Formatting liveresult items */
    .liveresult p{
        margin: 0;
        padding: 7px 10px;
        border: 1px solid #CCCCCC;
        border-top: none;
        cursor: pointer;
    }
    .liveresult p:hover{
        background: #f2f2f2;
    }