Try like this ::
here is my two div section::
<div id="main">
<div id="child">
</div>
</div>
their css :
#main
{
color:orange;
text-align:center;
width:400px;
height:200px;
background-color:#FF0000;
float: left;
}
#child
{
color:orange;
text-align:center;
width:200px;
height:100px;
background-color:#FF00FF;
}
and jquery function :
$(function(){
$("div#child").bind("mouseenter",function(){alert("child enter");});
$("div#child").bind("mouseleave",function(){alert("child leave");});
$("div#main").bind("mouseenter",function(){alert("parent enter");});
$("div#main").bind("mouseleave",function(){alert("parent leave");});
});