Io voglio centrare una scritta all'interno di un box, con questo codice funziona perfettamente:

codice:
#nome {background: white;
		width: 315px ;
		height: 130px ;
		margin: auto; 
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		}
mentre se aggiungo il bordo al box la scritta si sposta e risulta sfasata, sborda fuori in basso. Perchè??

codice:
#nome {background: white;
		width: 315px ;
		height: 130px ;
		margin: auto; 
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border: 1px solid;
		}
edit: innanzitutto grazie al moderatore che ha giustamente spostato in css

la soluzione temporanea che ho provato, ma non mi convince, è aggiungere

codice:
line-height: 50px;
cercando infatti avevo letto che mettendo line-height uguale all'altezza del box e text-align: center si centrava sia verticalmente che orizzantalmente il testo in un box. Però mettendo line-height: 150px sborda molto peggio di prima, e provando vari valori 50 è quello che sembra avvicinarsi di più alla centralità nel box.