Al final pude arreglarlo.. con la solucion para el alcance del objeto que me aportaste, algo mejoro, pero de alguna manera seguia teniendo problema para mantener con el mouseover/mouseout al pasar de padres e hijos..
buscando encontre solucionarlo con mouseenter/mouseleave y ahora funciona perfectamente.
aca esta el link por si alguno lo desea
http://jquery-howto.blogspot.com/200...-mouseout.html
mi codigo ha quedado asi:
Código:
$(document).ready(function() {
$('.destacado').mouseenter(function(){
var destacado = this;
$('.imgDestacada', destacado).css('background-image', 'url(images/placa_img_hover.png)');
$('.info', this).fadeOut('fast', function() {
$('.descripcion', destacado).fadeIn('fast');
});
}).mouseleave( function(){
var destacado = this;
$('.imgDestacada', destacado).css('background-image', 'url(images/placa_img.png)');
$('.descripcion', this).fadeOut('fast', function() {
$('.info', destacado).fadeIn('fast');
});
});
});
saludos y como siempre gracias por la ayuda