Spazio Destro con margin e padding a 0

[Scellino02]

Ciao a tutti, ho un problema con un div che prende uno spazio a destra di troppo

Mi spiego meglio: mi serve un padding di 20px a sinistra all'interno di questo div e ho fatto così:

#copyright {
	width:522px;
	height:33px;
	background-image:url(images/copyright.gif);
	background-repeat:no-repeat;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding:0px 20px 0px 0px;
}

Purtroppo però, sia in IE7 che il FF, vedo il div spostato verso sinistra, come se prendesse una ventina di pixel anche sul lato destro ma esternamente e quindi mi si sposta tutto...

Inizialmente il Div era nidificato, e per fare una prova l'ho isolato per verificare se il problema poteva stare da un altra parte e invece no... stesso problema...

Come posso risolvere secondo voi, mi date una mano?

[Mich_]

L'ordine dei margini nell'attributo margin (ma e` lo stesso ordine di border e padding) e`:
top right bottom left

Inoltre tieni presente le regole del box model:
La larghezza totale di un blocco (browser standard) e` data da:
margin + border + padding + width + padding + border + margin
In IE (quirks mode) invece e` data da:
margin + width + margin (border e padding fanno parte di width)

[Scellino02]

Grazie Mich_, provo subito!

La larghezza totale di un blocco (browser standard) e` data da:
margin + border + padding + width + padding + border + margin
In IE (quirks mode) invece e` data da:
margin + width + margin (border e padding fanno parte di width)

Ma sulla guida di base di html.it ci sono queste cose?

Cmq grazie 1000 per l'aiuto!

[Mich_]

Originariamente inviato da Scellino02
Ma sulla guida di base di html.it ci sono queste cose?

Mi pare di si`, ma non in questa forma cosi` esplicita e concisa. Vedi il capitolo "box model".

[Scellino02]

Ok, allora grazie per i tuoi modi così " espliciti e concisi"

A presto!