关于DHTML事件的问题，各位高手帮帮忙

在我的HTML页面中有这样一段代码<div id="div_hot" style="width:100%; height:200px;">
<br />
<br />
<p>test1</p>
<p>test2</p>
<br />
<br />
<span>test3</span>
<span>test4</span>
<br />
<br />
</div>
我在body的onload事件后绑定了两个个事件：         function AddEvent()
{
document.body.attachEvent('onmouseover',setStyle);
document.body.attachEvent('onmouseout',removeStyle);
}
function setStyle()
{
var oElement = event.srcElement;
if(oElement)
{
if(oElement.tagName=='DIV'||oElement.tagName=='TD'||oElement.tagName=='TABLE')
{
oElement.runtimeStyle.border = '2px dotted #6600FF';
}
}
}
function removeStyle()
{
var oElement = event.srcElement;
if(oElement)
{
if(oElement.tagName=='DIV'||oElement.tagName=='TD'||oElement.tagName=='TABLE')
{
oElement.runtimeStyle.border = '';
}
}
}我想做的效果是当鼠标移到div上时，我设置div的runtimeStyle属性的boder属性，让div出现一个边框线，这个目的倒是达到了，可以我一把鼠标移动到带<p>或则<span>标签的这些文字上去时，div貌似执行了onmouseout事件。然后边框样式就没了。
有什么方法让鼠标在div内部时遇到哪些<p> <span>标签时不要触发div的onmouseout事件啊？