Y porque con tablas?
Cuando hago algun formulario creo 2 estilos:
div.label - Para indicar al usuario el nombre del campo, ancho fijo, alineado a la derecha y flotado a la izquierda
div.help - Margen izquierdo para alinear con el campo (input), margen inferior para separar del siguiente campo y otro color
Mi formulario queda asi:
Código:
<style type="text/css">
div.label {
display:block;
width:200px;
float:right;
font-size:10pt;
font-weight:bold;
padding-right:5px;
}
div.help {
font-size:9pt;
color:#778;
margin:0px 0px 5px 205px;
}
</style>
<form bla bla bla>
<fieldset>
<legend>Nombre del formulario</legend>
<div class="label">Category:</label>
<div><select name="category"><bla bla bla></select></div>
<div class="help">Esta es la ayuda para queel visitante sepa como llenar el campo.</div>
<div class="help"><input type="submit" value="Enviar" /></div>
</fieldset>
</form>
Tal vez no sea lo mas adecuado, pero a mi me parece mucho mejor asi que usar tablas.
Edito:
<input id="cc_list" name="cc_list" value="" style="width:100%;"/>
Es ese el que no se quiere alinear?, porque le falta type="text" (igual pasa con el campo para el subject)