Eu tenho este formulário bastante simples:

<form action="...">
    <div>
        <input type="text" class="input-text" value="" name="text" />
        <input type="submit" class="submit" value="Submit" />
    </div>
</form>

O formulário está dentro de uma div de largura fixa (especificada em ems).

Desejo que o campo de texto e o botão sejam uma única linha, mas a largura do campo de texto é inconsistente entre os navegadores, mesmo quando eu especificar seusize atributo. Não querendo especificar larguras exatas (especialmente para o botão), eu queria saber se era possível dar ao campo de texto uma largura líquida? Quero que o campo de texto seja esticado para que ele e o botão possam caber em uma única linha.