javascript兼容浏览器的事件冒泡

近来在做项目，遇到onmouseover,onmouseout事件冒泡，解决方法如下

html如下：

<div onclick="javascript:host.hostgroup()" class="Special1" onmouseover="mouseOverBackground(this,event)"
onmouseout="mouseOutBackground(this,event)">
<div class="navagate_title" style="height: 40px;">
<p>
主机分组</p>
</div>
<div class="navagate_middle" style="height: 20px;">
<span>统一管理集群方案中的主机</span>
</div>
<div class="navagate_bottom" style="height: 62px;">
<img src="images/index_title_1.png" alt="主机分组" />
</div>
</div>

javascript如下:

function mouseOverBackground(obj, e) {
            if (isMouseLeaveOrEnter(e, obj)) {
                $(obj).css('background', 'url(images/kuaijiebghover.png) no-repeat 0 0');
            }
        }

        function mouseOutBackground(obj, e) {
            if (isMouseLeaveOrEnter(e, obj)) {
                $(obj).css('background', 'url(images/kuaijiebg.png)  no-repeat 0 0');
            }
        }