Padding che non si toglie e firefox che non mi centra il livello..

[dops]

ho semplicemente due div.. uno che fà da container ed un altro per l'header.. quindi

<div id="con" style="margin-top: 10px; padding: 0 0 0 0; text-align: center;border-style:solid; border-width:1px; text-align:center; width:860px; border-color:Red;">
        <div id="head" style="border-style:solid; border-width:1px; border-color:Blue; text-align:center; width: 860px; padding:0 auto; margin:0 auto;">
       TEST
        </div>
</div>

tra la scritta "TEST" ed il bordo del suo contenitore (quindi il div "head") c'è uno spazio.. e non riesco a toglierlo.. voglio insomma attaccare la scritta "TEST" con il bordo del div head..

Poi ho il problema che il div contenitore non viene centrato nella pagina con Firefox, mentre con explorer si.. sò che si tratta di un argomento già trattato e sono anche andato a vedere sul forum.. ma non riesco a trovare la soluzione

[dops]

opss.. il secondo problema mi sà he l'ho risolto impostando queste regole al livello container:

width:860px;
	padding:0 auto; 
	margin:0 auto;
	margin-top: 10px;
	text-align: center;

e nel body:

text-align: center;

[dops]

up nessuno mi risponde ?