show children con in mezzo <a>

[Gio2011]

Ciao a tutti.

Ho questo codice:

<div class="<%=classes%>" >
    <a href="scheda.asp?ida=<%=RSX("ID")%>&idc=<%=RSX("X_ID_COL")%>" style="text-decoration:none">
        <div class="png_costo">
            <div class="content_png_costo">
                <span><%=ucase(RSX("COLORE"))%></span>

                <%=ucase(RSX("NOME_ARTICOLO_1"))%>  
                <div class="bordato"></div>
                <div class="fs21">&euro; <%=Formatprice(RSX("PREZZO_VEND"))%></div>
            </div>  		
        </div>
        [img]<%=path_generale%>public/prodotti/<%=RSX([/img]-<%=RSX("X_ID_COL")%>-F-4.jpg" width="310px;" border="0" alt="" />
    </a>

</div>

Con questo Java:

$(function() {  
	$(".div_art_scat").hover(function () {
		var $display = $(this).children(".png_costo").css('display');
		if ($display=="none"){$(this).children(".png_costo").fadeIn('fast');}	//fixed						   
	},
	function () {  
		$(this).children(".png_costo").fadeOut('fast');
	});   
});

sull over dovrebe fare il fade in di png_costo ma se c e di mezzo il tag <a> non fa il fade, presuppongo per il fatto che il div non è il primo figlio di div_art_scat come descritto in java.
E' così? Come ovviare?

Grazie