Given the html / css / javascript/jquery as follows, the event still fires when I click on '#bbb'.

Is there anyway to avoid this from happening?

```
<div id="aaa" style="position:absolute; width:100%; height:100%; background-color:#f00;">
   <div id="bbb" style="height:25%; width:25%; background-color:#0f0; margin:0 auto;">
   </div>
</div>

<script type="text/javascript">
   $('#aaa').click(function(){alert('aaa clicked');});
</script>

```