[Resolvido] Sobrepor div's

Boa tarde pessoal;

Estou recorrendo ao fórum de vocês para pedir ajuda, pois passei a tarde inteira pesquisando e testando mas não consegui o resultado esperado.

Sou novato em JavaScript, mas sou esforçado. Preciso que ao clicar em um Botão Radio de um formulário uma DIV com opções diferentes seja mostrada ao usuário. Para isso desenvolvi os seguintes códigos:

JavaScript:

function visualizaDiv (div) {

document.getElementById(div).style.display = 'block';
parent.document.getElementById("conteudo_central").height = document.getElementById("web").scrollHeight + 0;

}

HTML + CSS

<style>

#opcao1, #opcao2, #opcao3 {

	position: absolute;
	display: none;
	background: #0e9f0b;
 }

</style>
 <input name="webservico" type="radio" value="Novo Site" onclick="visualizaDiv('opcao1')"/>
 <label for="webservico">Novo Site</label>
 <input name="webservico" type="radio" value="Layout para Site" onclick="visualizaDiv('opcao2')"/>
 <label for="webservico">Layout para Site</label>
 <input name="webservico" type="radio" value="Manutenção" onclick="visualizaDiv('opcao3')"/>
 <label for="webservico">Manutenção</label>

 <div id="opcao1">Mostrar texto de "Novo Site"</div>
 <div id="opcao2">Mostrar texto de "Layout para Site"</div>
 <div id="opcao3">Mostrar texto de "Manutenção"</div>

Até um certo momento a sobreposição de DIV's fica boa, mas se eu retornar a clicar em um Radio que foi clicado anteriormente, a DIV não sobrepõe. Ou seja, Só vai sobrepor se eu clicar ordenadamente.

Preciso que o código sobreponha a DIV clicada independente da ordem. É possível pessoal? Alguém pode me ajudar? Ficarei no aguardo ansioso.

Obrigado a todos e abraços!