[css] impaginare una form, problema

[Cerebro]

tra cristi e madonne col css sto tentando di impaginare una form, in maniera molto semplice, con i titoli dei campi a sinistra e e i vari INPUT,SELECT,CHECKBOX,etc, sulla destra. ad esempio:

      nome [_______]
     email [_______]
        ...

etc

però ho un problema: non riesco ad allineare a sinistra gli INPUT. mi rimangono a metà del loro div. immagine di chiarimento:



questo nell' xhtml:

<div class="cell1">e-mail</div>
<div class="cell2"><input type="text" /></div>

questo nel css:

.cell1 {
	border: 1px solid #000000;
	float: left;
	width: 50%;
	height: 24px;
	text-align: right;
	font-weight: bold;
}

.cell2 {
	border: 1px solid #000000;
	float: left;
	width: 49%; /* se metto 50% mi va a capo per via del bordo */
	height: 24px;
	text-align: left; /* non va... */
	padding: 0;
	margin: 0;
}