Pq nao pega o valor do select?

To tentando pegar o valor de um combo, no Firefox e IE6 está beleza, mas no 7 o valor vem branco.

Segue o código:

<script type="text/javascript">
	function bairro(){
 var indexSelect = document.getElementById("cidades").selectedIndex;
 var valueSelected = document.getElementById("bairros").getElementsByTagName("option")[indexSelect].value;
 //var valueSelected = document.form1.cidades.options[indexSelect].value;
 alert(valueSelected);
	}
</script>
<form name="form1">
	<select name="cidades" id="cidades">
 <option value="Curitiba">Curitiba</option>
 <option>Colombo</option>
 <option>Lapa</option>
 <option>SMS</option>
	</select>
	<select name="bairros" id="bairros" onchange="bairro()">
 <option>Portao</option>
 <option>Bacacheri</option>
 <option>Boqueirao</option>
 <option>Agua Verde</option>
	</select>
</form>