Input elements overflow bootstrap grid system cells?

Input elements overflow bootstrap grid system cells?

Here is an example on jsbin
I am trying to use the bootstrap grid system and I'm finding that input
elements oveflow the grid cells. Is there something that I'm supposed to
do to prevent this? Here is the html:
<div class="container">
<div class="row-fluid">
<div class="span8"></div>
<div class="span2">per Invoice</div>
<div class="span2">per LB</div>
</div>
<div class="row-fluid">
<div class="span8">
<select>
</select>
</div>
<div class="span2">
<input>
</div>
<div class="span2">
<input>
</div>
</div>
</div>
I'm aware that setting input,select,textarea { max-length: 100%} fixes the
issue but it seems like an odd enough oversight on bootstrap's behalf. Odd
enough that it's likely I'm doing something wrong.