Strano comportamento di un bordo e dei margini

[Prill]

css:

html, body		{ margin: 0; padding: 0; height:100% }
body			{ font: Arial, Helvetica;  color: #ffffff; text-align: center; background-color: #408080; }
#container	{ width: 980px; height: 100%; margin: 0 auto; background-color: #000000; text-align: left; position:relative }
#header		{ height: 64px; background-color: #000000; text-align: center; }
#titolo		{ text-align: center; background-color: #000000;}
#content		{ position:absolute; height:auto; bottom:20px; top:112px; text-align: center; background-color: #000000; }
#spot		{ position: absolute; top: 0px; left: 140px; /*float: left;*/ width: 690px; height: 70px; background-color: #000000; text-align: center; }
#menu		{ position: absolute; top: 0px; left: 0px; /*float: left;*/ width: 140px; text-align: center; background-color: #000000; }
#menu a, #destro a	{ display:block; text-align: center; font-size: 10px }
#main		{ position: absolute; top: 70px; left: 140px; bottom: 20px; /*float: left;*/ padding: 5px; width: 690px; height: auto; min-height: 300px; 
				background-color: #000000; font-size: 13px; text-align: justify; overflow: auto; }
#destro		{ position: absolute; top: 0px; left: 840px; bottom: 20px; /*float: left;*/ width: 140px; height: auto; min-height: 300px; background: #000000; overflow: auto; text-transform: uppercase; margin-bottom: 50px; }
a{ color: #ff00ff; text-decoration: none; font-weight: bold; }
a:hover { color: #ff0000; text-decoration: underline; }
a:active { color: #ff0000; text-decoration: none; }
p				{ font-size: 10px; }
table			{ font-size: 13px; text-align: center; }
input			{ font-size: 10px; }
#footer		{ position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; background-color: #000000; text-align: center; font-size: 16px; }
div#gaspare		{ height: 80px; background-color: #000000; text-align: center; }
div.albi		{ font-size: 13px; color: #ff8800; font-weight: bold; text-align: justify; }
div.pers		{ padding: 5px; background-color: #000000; font-size: 13px; text-align: justify; }

div.schedalbo	{ clear: both; margin: 5px auto; width: 640px; font-size: 13px; color: #ffffff; text-align: center; border: 1px solid #c00000; }
div.albosx		{ padding: 2px; float: left; width: 39%; font-size: 13px; color: #ffffff; text-align: justify; }
.titolo		{ font-size: 13px; color: #ffff00; text-align: justify; }
div.scena		{ font-size: 13px; color: #00cc40; text-align: justify; }
div.albodx		{ padding: 2px; float: right; width: 59%; font-size: 13px; color: #ffffff; text-align: justify; }

funzionano ora con Firefox ed Explorer (9), Safari, Opera e chrome ora anche gli overflow (problema altra discussione). Il codice andrebbe ripulito ulteriormente

[Gas75]

Sì, ora va bene, a parte il footer che prendeva il 100% di larghezza (c'era un /div anticipato), e il fatto che mi ignora la definizione dei font-type, anche mettendoli nei singoli div Che dipenda dalla modifica del doctype?
Mi studio per bene le differenze rispetto a com'erano prima htlm e css, in modo da imparare dai miei errori.

Grazie intanto per questo grosso aiuto che mi hai dato a sbloccarmi!

[Prill]

il footer lo avevo messo al 100% al di fuori del container perché pensavo lo volessi per tutta la larghezza; per il font, sostistuisci in body font con font-family che mi era sfuggito

[Gas75]

Ok.