Hi guys,
i have a multiple rows table, on the row mouseOver event i set opacity to 0.5 on two images (originally opacity is 0)

Code:
$("tr").live({
			mouseover:function(){
			$(this).find('img').css('opacity','0.5').end();
			
			$(this).css('background-color','rgb(100%,100%,80%)')},
			
			mouseleave:function(){
			$('img').css('opacity','0');
			$(this).css('background-color','rgb(100%,100%,100%)')}
			});
top part works like a treat.
now on the img mouse over i want to increase opacity to 1
Code:
$("img").live({
			mouseover:function(){$(this).css('border','1px solid black').css('opacity','1');},
			mouseleave:function(){$(this).css('border','0px').css('opacity','0.5');}
				});
the border shows up but opacity dosnt seem to change
what have i missed?????????????????????
thanks in advance