With selector select the <div> can't get me want

[kay]

the script code $(document).ready(function() {

$("#main").mouseout(function(){

alert("leave");

});

});

the html code

<div id="main">

<div style="width:200px;height:200px;float:left;background:blue;"></div> <div style="width:200px;height:200px;float:left;background:yellow;"></div>

</div>

when the mouse leave the blue area,the mouseout events are triggered,but i select the "main",i want show the alert when i mouse leaved blue and yellow both

[kay]

I already fix it

not use mouseout

use mouseleave