div a scomparsa

salve a tutti. vi presento il mio problema:
io uso questa funzione

function A(){
var el=document.getElementById('testo1');
el.style.display=(el.style.display=='none')?'block':'none';
}

per fare in modo che un <div id="testo1"> venga chiuso ed aperto manualmente da un pulsantino....ora il problema è ke al caricamento della pagine ke contiene il div questo viene presentato aperto ed io vorrei ke venisse presentato chiuso. come devo modificare la funzione??se vi serve d'aiuto la pagina col div è questa:
http://argentinitaly.altervista.org/mundial.php
se cliccate sul GRUPPO vedrete che si chiude e si apre ma all'apertura vengono presentati aperti ed io li vorrei chiusi.grazie mille in anticipo!

[javascripter]

La cosa migliore da fare è nascondere il div con i css!

<div id="testo1" style="display: none">
<!-- oppure lo definisci nel foglio di stile #testo1 { display: none; } -->

E poi modifichi la funzione (per evitare di usare window.getComputedStyle o element.currentStyle):

function A(){
var el=document.getElementById('testo1');
el.style.display=(el.style.display!='none')?'none':'block';
}

hai ragione come ho fatto a nn pensarci!ti ringrazio tanto!
ps: ho aggiunto solo style="display: none"....la funzione nn l'ho modificata...cosa cambia se la modifico come mi hai detto?

[javascripter]

La funzione modificala solo se imposti la regola in un foglio di stile.
Con quello che hai fatto tu, cioè impostando l'attributo style, non avrai problemi con la tua funzione.

perfetto grazie!ora funziona!ma c'è un problema!guarda cosa succede con l'immagine di sfondo (impostata tramite css) quando si aprono i div!!viene scorsa!
http://argentinitaly.altervista.org/mundial.php
come si fa a nn farlo succedere?