Problem med onmouseout på div-element

Hej!

Jag har problem att få onmouseout att göra som jag vill när jag lägger det på ett <div>-element.
Jag har en undermeny som jag vill stänga när man flyttar muspekaren från div:en, men onmouseout körs bara på underobjekt, dvs tabellcellerna i som ligger i tabellen som ligger i diven. Snabb testkod:

<div id="submenu1" onmouseout="alert('blaha');" style="background-color:green;">
	<table cellpadding="0" cellspacing="0">
		<tr onmouseover="this.style.backgroundColor='#cccccc';" onmouseout="this.style.backgroundColor='#ffffff';">
			<td style="height:17px;">
				<a class="submenuitem" href="http://foo.bar/" target="_blank">Foo</a>
			</td>
		</tr>
		<tr onmouseover="this.style.backgroundColor='#cccccc';" onmouseout="this.style.backgroundColor='#ffffff';">
			<td style="height:17px;">
				<a class="submenuitem" href="http://foo.bar" target="main">Bar</a>
			</td>
		</tr>
	</table>
</div>

Testa här

Jag fattar ingenting. Jag förstår inte hur mouseout på tabellcellerna kan trigga onmouseout på det yttersta elementet i koden. Vad har jag gjort fel?

Mvh och tpf,

Phew.

Efter en massa sökning och läsning hittade jag lösningen:

http://www.onlinetools.org/tests/over.html

Mvh :)