IE与火狐两个浏览器出现不同的结果解决思路

IE与火狐两个浏览器出现不同的结果
<ul>
  <li   onclick= "f() "> aaaa </li>
    <ul>
      <li   onclick= "f1() "> 11111 </li>
    </ul>
</ul>
<script   language= "javascript ">
function   f()
{
  alert( 'aaaa ');
}
function   f1()
{
  alert( '11111 ');
}
</script>
在火狐中，点击11111，弹出11111，正常
在IE中，点击11111,弹出11111,弹出aaaa.多了弹出aaaa,如何解决？

[解决办法]
cancelBubble
[解决办法]
function f1()
{
alert( '11111 ');
event.cancelBubble = true;
}
[解决办法]
<ul>
<li onclick= "f() "> aaaa </li>
<ul> <li onclick= "f1() "> 11111 </li> </ul>
</ul>
<script language= "javascript ">
var child= ' ';
function f()
{
if(child== ' ' || navigator.appName!= 'Microsoft Internet Explorer ')alert( 'aaaa ');
child= ' ';
}
function f1()
{
child= 'f1 ';
alert( '11111 ');
}
</script>
[解决办法]
event.cancelBubble
ff好像不支持。
function f1()
{
alert( '11111 ');
event.cancelBubble = true;
alert( 'FF下你看不到，IE下你看的到. ');
}