How to position a liquid/elastic textbox next to a button?

I was able to get this to work within a table (I know, but it works) where it would correctly handle page resizing as well as the value of the button changing:

<table class="elastic">
    <tr>
        <td><input class="textbox" type="text"></td>
        <td class="button"><input type="button" value="Test Button"></td>
    </tr>
</table>

There may be a <div> alternative out there for styling.

EDIT: I revamped my example to use the following style sheet:

.elastic { width:100%; }
.elastic .textbox { width: 100%; }
.elastic .button { width: 1%; }