Alterando cor de fundo com jquery

[vygui 0]

Estou criando um código onde a cor de fundo da tag 'body' deve mudar quando o mouse estiver posicionando em cima de determinados botões do menu, bem como retornar para a cor original quando o mouse deixar o botão. Fiz da seguinte forma:

 

 

 

<script type="text/javascript">

$(document).ready(function(){

$('#m10').mouseover(function(){

$('body').css('background-color','#696969');

});

$('#m10').mouseout(function(){

$('body').css('background-color','#dd2222');

});

});

</script>

 

 

O problema é que a alteração só funciona na parte de cima do site, na parte que fica visível quando a barra de rolagem está no topo.

 

Toda a parte inferior do site, a que não aparece para o usuário assim que é carregada, não sofre alteração alguma. Isso acontece mesmo a barra de rolagem estando em outra posição, inclusive.

 

Se tiver como alguém dar uma força, fico grato desde já.

[angelorubin 142]

Olá,

 

Da para fazer assim - http://angelorubin.besaba.com/Imasters/jQuery/AlterandoCorBody/

[William Bruno 1501]

o seu problema é css.

 

veja os elementos do teu site, alguma regra css do teu site está mal escrita

[Bergs 53]

troque background-color por backgroundColor, pode ser isso.