Salve a tutti sono un neofita dei css e scusate l'ignoranza.
La mia domanda è questa:

ho creato questi stili:

codice:
div#menu {
	float:left;
	width:100%;
	background-color: #F7AC3C;
}
div#menu div.pulsante1{
	width:33%;
	float:left;
	text-align:center;
}
div#menu div.pulsante2{
	width:34%;
	float:left;
	text-align:center;
}
e poi nella pagina prova.html ho messo questo codice:

codice:
<div id="menu">
<div class="pulsante1">Home</div>
<div class="pulsante2">Dove siamo</div>
<div class="pulsante1">Link</div>
</div>
molto semplicemente un menu che si "adatta" alla larghezza dello schermo infatti è fatto tutto a percentuali e funziona così perfettamente.

Ma se io volessi contornare con un borso i miei div pulsante ??
ho provato scrivendo così negli stili pulsante:
codice:
border:1px solid #000000;
ma se faccio così è come se il mio 1px di bordo si aggiungesse alla larghezza e infatti l'ultimo pulsante mi va a capo.
è come se fosse 100% + i pixel dei bordi.....
mentre io lo vorrei largo 100% con i pixel dei bordi compresi

spero di essermi spiegato e spero possiate aiutarmi
ciao ciao