Salve a tutti, ho realizzato un menù in cui ogni singola voce richiama un div che da display: none; passa a display: block; tramite JS.
I div sono tutti perfettamente sovrapposti, così da simulare un effetto frame. Ogni voce corrisponde ad una pagina il cui contenuto è all'interno del div corrispondente. Fin qui tutto ok. Il problema è che se clicco i link dal primo all'ultimo funziona, se faccio al contrario ad esempio, resta visibile sempre l'ultimo. Se ad esempio clicco su link5 e dopo voglio vedere div3, cliccando su div3, resta visibile sempre il div5.
Il div principale in cui si aprono tutti i div è così formattato:

.main_content {
background: #ffffff;
width: 290px;
height: 397px;
overflow: auto;
overflow-x: hidden;
position: absolute;
top: 100px;
left: 300px;
z-index: auto;
display: none;
}

a tutti i div è associata la classe main_content. poi facendo riferimento all'id di ogni singolo div JS setta display su block.
Cosa non va?