Allineare esattamente 'lista scelta' alla larghezza del campo input

[robynosse]

Ciao a tutti,

vorrei allineare esattamente la lista scelta <ul> alla larghezza del campo input:

                <input type="text" class="form-control" placeholder="#CERCAPLACEHOLDER#" name="cerca" style="height: 46px;">
                <ul class="list-group fisso" style="margin-top:46px;">
                    
                    <li class="list-group-item">Cras justo odio</li>
                    <li class="list-group-item">Dapibus ac facilisis in</li>
                    <li class="list-group-item">Morbi leo risus</li>
                    <li class="list-group-item">Porta ac consectetur ac</li>
                    <li class="list-group-item">Vestibulum at eros</li>
                </ul>

Attualmente si vede così:
cerca.jpg

Adesso ho aggiunto delle regole style direttemente nel codice html, che poi sposterò nel css, potreste aiutarmi dicendomi cosa aggiungere direttamente nel codice html?
Il codice html di quello che si vede è il seguente:

<div class="row margin-15">
    <form action="#FORMLINK#" method="POST" name="formCerca">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <div class="input-group input-group-lg">
                <span class="input-group-btn">
                    <button type="button" class="btn btn-verde dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        #ORDINE#
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu elementi-menu">

                        #TIPOLOGIEORDINE#                               

                    </ul>
                    <a href="#ORDINELINK#" class="btn btn-morado" aria-hidden="true" title="#ORDINELINKTITOLO##CLICCAPERINVERTIRE#"><span class="glyphicon glyphicon-sort-by-alphabet#ORDINECLASSE#"></span></a>

                </span>
                
                <input type="text" class="form-control" placeholder="#CERCAPLACEHOLDER#" name="cerca" style="height: 46px;">
                <ul class="list-group fisso" style="margin-top:46px;">
                    
                    <li class="list-group-item">Cras justo odio</li>
                    <li class="list-group-item">Dapibus ac facilisis in</li>
                    <li class="list-group-item">Morbi leo risus</li>
                    <li class="list-group-item">Porta ac consectetur ac</li>
                    <li class="list-group-item">Vestibulum at eros</li>
                </ul>
                
                <span class="input-group-btn">
                    <button class="btn btn-azuloscuro" type="button">#CERCA#</button>
                </span>

            </div>
        </div>
    </form>          
</div>

la classe fisso è questa:

.fisso{
    z-index: 101 !important;
    position: absolute !important;
}

Grazie,
Roberto