mouseover determinado class pero unico div

[diezdedos]

Me vais a perdonar por no escibir antes.
Al final encontre solucion en un tema ya publicado. Tuve que cambiar algunas cosas pero en fin...

Código:

$(document).ready(function(){
	$('.button').mouseover(function() {$('.precio', this).css("background-color", "#e7e7e7");$('.precio', this).css("color", "black");});
	$('.button').mouseout(function() {$('.precio', this).css("background-color", "#ff9a00");$('.precio', this).css("color", "white");});
});

Directamente meti el <div class="precio"></div> dentro de <div class="button"></div>, no separado como estaba antes y usando el "this".
Gracias por todo.