Скрыть элемент с помощью Javascript. Не работает с IE и Chrome

У меня проблемы со скрытием элементов. Я уже читал эту тему Javascript работает в Firefox, но не работает в Chrome и IE6 но помощи оттуда не получил. Код Javascript, что должно скрывать / отображать текстовое поле и переключатели:

function hide1(a)
{
var text1=document.getElementById("text1");
text1.style.visibility = 'visible';
text1.value = a;

document.getElementById("radio1").style.visibility = 'hidden';
document.getElementById("radio2").style.visibility = 'hidden';
document.getElementById("rlabel").style.visibility = 'hidden';
}

function show1()
{
document.getElementById("text1").style.visibility = 'hidden';
document.getElementById("radio1").style.visibility = 'visible';
document.getElementById("radio2").style.visibility = 'visible';
document.getElementById("rlabel").style.visibility = 'visible';
}

И HTML:

  Age
  Sex

Теперь в Firefox и Opera он меняет переключатели и текстовое поле на видимые / скрытые, когда я выбираю один из вариантов. Но с Chrome и IE они бы этого не сделали. Я также пробовал с "... .style.display = 'none';" ничего не произошло (в IE и Chrome, FF и Opera это работает) даже на этот раз

FF 5.0; Chrome 12; IE 8; Opera 11.50

Теперь работает с:

  Age
  Sex