This has surely been answered somewhere multiple times, but...
I'm guessing it's some sort of "bubbling" thing....
<STYLE>
..triggerarea {
border:#00C solid 1px;
}
</STYLE>
<UL ID="menu">
<LI class="triggerarea" onmouseover="alert('triggered');">Here's nested
list...
<UL>
<LI>Why does mousing over each individual</LI>
<LI>list item trigger the event?</LI>
<LI>I only want/expect it to be triggered</LI>
<LI>by the "container" LIs </LI>
<LI>(which I've put a blue border around)</LI>
<LI class="triggerarea" onmouseover="alert('triggered');">another
nested list
<UL>
<LI>again, every LI is triggering</LI>
<LI>not just the container</LI>
</UL>
</LI>
<LI><A HREF="#">A Link</A></LI>
<LI>Nothing to see here</LI>
</UL>
</LI>
<LI>this item shouldn't and doesn't do anything</LI>
</UL>
