Tengo un formulario de entrada de registro simple (haml para brevedad aquí :)

%form#signup
  %fieldset
    %input.email{type:'text'}
    %br
    .name
      %input.first-name{type:'text'}
      %input.last-name{type:'text'}

y css:

#signup { width: 350px; }
fieldset { width: 100%; }
.name { width: 100%; }
.first-name { width: 30%; }
.last-name { /* occupy remainder of 'name' line */ }

Cómo estilizar esto para que el.email campo es el ancho completo de lafieldset y el.last-name y / o.first-name los campos se expanden para llenar también todo el ancho delfieldset y con el borde derecho alineado con el.email ¿campo?

Sí, podría ser más fácil usar untable Aquí pero ¿hay una manera simple con css? Solo necesita funcionar para navegadores compatibles con css3 y degradarse razonablemente para IE8 y 9.

enlace de violín:http://jsfiddle.net/3UP9H/1