[Resolvido] Problema com onclick no Chrome

Olá Pessoal, to precisando de um help!

é seguinte, estou tendo um problema pra executar esse script abaixo no Chrome, no Firefox e no IE vai normal... é um codigo simples, porém no Chrome não vai!

segue abaixo o code:

Javascript

<script type="text/javascript">
function abre_cidade(op){

if(op == '1'){

document.getElementById("div1").style.display = "";
document.getElementById("div1").style.visibility = "visible";

}else{

document.getElementById("div1").style.display = "none";
document.getElementById("div1").style.visibility = "hidden";
}
}
</script>

HTML

<form id="form1" name="form1" method="post" action="">
 <label for="combo"></label>
 <select name="combo" id="combo">
 <option value="1" onclick="javascript:abre_cidade('1')">op 1</option>
 <option value="2" onclick="javascript:abre_cidade('2')">op 2</option>
 </select>
 <div id="div1" style="display:none;"> hahdahud </div>
</form>

Qual a intenção desse codigo? é q quando eu selecionar a "OP1" ele apareça a "div1" e quando selecionar a "OP2" some a "div1", simples porém no Chrome não aparece essa DIV, o q será q pode ser ? alguem ja passou por isso antes? tem algum macete pro chrome?

Fico no aguardo por um help, valeu pessoal e fique com Deus!

At.

Carlos Ventura