background-color alterado

Pessoal, sou iniciante em JS, eu tenho uma tabela com a cor de fundo da cada celula criada por um css:

#celula1{
background-color:#0000FF;
text-align:center;
}

o que eu queria é que quando colocassem o mouse em cma da celula ela alterasse a cor de fndo dela. para tal usei uma função JS:

function muda_bg(str){
	var coluna = str;
	document.getElementById(str).style.backgorund-color="#000066";
}

só que há um problema, quando eu coloco assim, o JS entende o separador "-" da propriedade como uma operação, se eu coloco o background-color entre aspas não tem efeito algum, e se eu crio uma variavel com o valor background-color tb não funciona. alguém ai conhece um jeito de fazer isso funcionar?