Box centrato e barre di scorrimento

[mlolcu]

Scusa, ho una curiosità.
Io stò impostando il box che contiene il testo per una larghezza di 1024px, mi sono preparato un'immagine di riferimento larga 1024px, ma per avere il box largo 1024px devo impostare la classe Content ad una larghezza complessiva di 820px.
Perchè questa discrepanza? 820px non sono 1024?
Preciso che stò utilizzando FireFox senza zoom (Ctrl+0), se però guardo Chrome nella stessa condizione trovo tutti i caratteri più piccoli. Qual'è il browser giusto da considerare?

.content{
margin: 0 auto;
width: 760px;
overflow:auto;
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;
padding-bottom: 100px;
border-left: 0;
border-right: 0;
font: 10px Verdana, Arial;
background: rgba(255,255,255,0.25);
}