child selector issue in ie8

child selector issue in ie8

I have a series of DIV's of class ".photo" that contain a (p) text element with class ".tntext"

When the user hovers the mouse over any single DIV, I'd like to animate it's child p.tntext element into view - I'm using the following code:
$(".photo").hover(function(){    
$(this).children("p.tntext").stop(true, false).animate({opacity:1},400);
},
function(){
$(this).children("p.tntext").stop(true, false).animate({opacity:0},400);
});


This seems to work in Firefox, Chrome, ie9, and Safari - but not ie8, where the child text simply does not appear at all - would anyone have any idea why?