İ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;
    }