Interesting, and I can't imagine this hasn't been dealt with already!
If you have nested <divs>, the mouseover on the outside <div>
prohibits you from setting a different mouseover() on the inside
<div>.
Like this:
<div id="parent">Parent
<div class="child">Child</div>
</div>
If you instruct $("#parent").css("color","blue"), it will color both
Parent and Child blue.
If you set a separate color in CSS for class="child, the separate
color will override and work for the child because it is more
proximate, according to proper CSS methodolgy.
However, the mouseover() and mouseout() properties will NOT work for
only class="child", if you try to define these methods for only the
children. Instead, you can mouseover any child in the list, and it
will render its STYLES on the parent, even though the STYLES were
overridden AND REMAIN SUPPRESSED for the child.
The same is NOT true for mouseover(). And this rule applies to BOTH
Jquery and HTML DOM!
I don't know why, but can anyone help?
