Input text de longueur fluide ?

Bonjour à tous ze toutes,

J'ai un paragraphe :
<p id="parametres">Recherche parmi
<span>
<ul id="champs">
<li><input type="checkbox" checked name="titre">le libellé, </li>
<li><input type="checkbox" checked name="item">le descriptif et </li>
<li><input type="checkbox" checked name="notes">les notes</li>
</ul>
</span>
de
<input id="phrase" name="txt" type="text" />
<input id="Btn_OK" type="submit" value="OK" />
</p>

avec dans ma feuille CSS :

#parametres {
font-size: smaller;
}

#champs {
display:inline;
margin-left:0;
padding-left:0;
}

#champs li {
display: inline;
list-style-type: none;
list-style-position: inside;
}

#phrase {
display:inline;
width:100%;
}

#Btn_OK {
float:right;
}

/**********************************************/

Je voudrais avoir une phrase lisible normalement de G à droite avec retour à la ligne si la largeur est trop petite (classique, quoi!)
AVEC le bouton complètement à droite
ET le champ imput qui occupe TOUT l'espace entre ...de et le bouton

J'ai essayer de rajouter
<span id="wrapper">
<input id="phrase" name="txt" type="text" />
</span>

avec
#wrapper {
width:auto;
padding-right: 52px;
}

mais dans ce cas là, l'input passe en dessous ........

Any help ? merci par avance
Olivier