form user/psw in css e allineamento

[blur]

ciao,
avendo bisogno di un form login/psw in css ho creato questa cosa:

form.css

#riga { width:160px;  margin:0em auto;text-align:left }
#riga1 { width:160px;  margin:0em auto; text-align:center }

#riga { 
             
	background:#E0DFE3 ; 
	border:1px solid #ccc; 
		padding:0em 0;
		} 
		
#riga1 { 
        list-style:none;
	background:#FAFAFD ; 
	border:1px solid #ccc; 	
		}

nella pagina:

<div id="riga"><h7><font color="brown">Area riservata</font></h7></div>
<div id="riga1">
<form name="Sample" method="post" action="<? print $resultpage ?>">[*]Username[*]<input type="text" name="username" size="12" maxlength="15">[*]Password[*]<input type="password" name="password" size="12" maxlength="15">[*]<input type="submit" name="Login" value="Login">
  </form>
  </div>

ho usato i[*] perchè..boh ma vedo che funzionano, mi incolonna tutto come voglio. c'era un modo migliore?
solo che mettendo questo form in cima a un menu sempre in css, sulla colonna sx di un layout a tre colonne, mi esce sballato rispetto al menu



possibili soluzioni?
grazie