Pop Up Menu:

*Works in IE4+, IE5+, NN4+, NN6

Code:

Place in the <HEAD>:

function NS4Hide(layerid) {
	if (NS4) {
		delayHide(layerid);
	}
}

function show(layerid) {
clearTimeout(tm);
	if (previousLayer != "" && previousLayer != layerid) {
		hide(previousLayer);
	}
previousLayer = layerid;

if (IE5up || NS6up) {
		document.getElementById(layerid).style.visibility = "visible";
	} else if (NS4) {
		document.layers[layerid].visibility = "visible";
	} else if (IE4) {
		document.all[layerid].style.visibility = "visible";
	}
}
//-->
</script>

.subMenuText {font-family:arial,helvetica; font-size:9pt; color:#2142AD; text-decoration:none}
.subMenuText:hover {font-family:arial,helvetica; font-size:9pt; color:#2142AD; text-decoration:none; color:#ffffff}
</style>

Place in the <BODY>:

Highlight

<div id="subMenu1" class=subMenuItem1 onMouseover="show('subMenu1');" onMouseOut="delayHide('subMenu1');">
<table cellpadding=0 cellspacing=0 border=0 width=200>
<tr>
<td colspan=3><img src=topmenu.gif></td>
</tr>
<tr>
<td valign=middle bgcolor=#B9C5EB><img src=arrow.gif></td>
<td valign=middle bgcolor=#B9C5EB><a href="" onMouseover="show('subMenu1');" onMouseOut="NS4Hide('subMenu1');" class=subMenuText>Click me if you can</a></td>
<td rowspan=5 width=1 bgcolor=#2142AD><img src=spacer.gif width=1 height=1></td>
</tr>
<tr>
<td valign=middle bgcolor=#B9C5EB><img src=arrow.gif></td>
<td valign=middle bgcolor=#B9C5EB><a href="" onMouseover="show('subMenu1');" onMouseOut="NS4Hide('subMenu1');" class=subMenuText>Click me if you can</a></td>
</tr>
<tr>
<td valign=middle bgcolor=#B9C5EB><img src=arrow.gif></td>
<td valign=middle bgcolor=#B9C5EB><a href="" onMouseover="show('subMenu1');" onMouseOut="NS4Hide('subMenu1');" class=subMenuText>Click me if you can</a></td>
</tr>
<tr>
<td valign=middle bgcolor=#B9C5EB><img src=arrow.gif></td>
<td valign=middle bgcolor=#B9C5EB><a href="" onMouseover="show('subMenu1');" onMouseOut="NS4Hide('subMenu1');" class=subMenuText>Click me if you can</a></td>
</tr>
<tr>
<td valign=middle bgcolor=#B9C5EB><img src=spacer.gif width=18 height=1></td>
<td valign=middle bgcolor=#B9C5EB><img src=spacer.gif width=181 height=1></td>
</tr>
<tr>
<td colspan=3><img src=bottommenu.gif></td>
</tr>
</table>
</div>

<div id="subMenu2" class=subMenuItem2 onMouseover="show('subMenu2');" onMouseOut="delayHide('subMenu2');">
<table cellpadding=0 cellspacing=0 border=0 width=200>
<tr>
<td colspan=3><img src=topmenu.gif></td>
</tr>
<tr>
<td valign=middle bgcolor=#B9C5EB><img src=arrow.gif></td>
<td valign=middle bgcolor=#B9C5EB><a href="" onMouseover="show('subMenu2');" onMouseOut="NS4Hide('subMenu2');" class=subMenuText>Click me if you can</a></td>
<td rowspan=5 width=1 bgcolor=#2142AD><img src=spacer.gif width=1 height=1></td>
</tr>
<tr>
<td valign=middle bgcolor=#B9C5EB><img src=arrow.gif></td>
<td valign=middle bgcolor=#B9C5EB><a href="" onMouseover="show('subMenu2');" onMouseOut="NS4Hide('subMenu2');" class=subMenuText>Click me if you can</a></td>
</tr>
<tr>
<td valign=middle bgcolor=#B9C5EB><img src=arrow.gif></td>
<td valign=middle bgcolor=#B9C5EB><a href="" onMouseover="show('subMenu2');" onMouseOut="NS4Hide('subMenu2');" class=subMenuText>Click me if you can</a></td>
</tr>
<tr>
<td valign=middle bgcolor=#B9C5EB><img src=arrow.gif></td>
<td valign=middle bgcolor=#B9C5EB><a href="" onMouseover="show('subMenu2');" onMouseOut="NS4Hide('subMenu2');" class=subMenuText>Click me if you can</a></td>
</tr>
<tr>
<td valign=middle bgcolor=#B9C5EB><img src=spacer.gif width=18 height=1></td>
<td valign=middle bgcolor=#B9C5EB><img src=spacer.gif width=181 height=1></td>
</tr>
<tr>
<td colspan=3><img src=bottommenu.gif></td>
</tr>
</table>
</div>

<div id="subMenu3" class=subMenuItem3 onMouseover="show('subMenu3');" onMouseOut="delayHide('subMenu3');">
<table cellpadding=0 cellspacing=0 border=0 width=200>
<tr>
<td colspan=3><img src=topmenu.gif border=0></td>
</tr>
<tr>
<td valign=middle bgcolor=#B9C5EB><img src=arrow.gif></td>
<td valign=middle bgcolor=#B9C5EB><a href="" onMouseover="show('subMenu3');" onMouseOut="NS4Hide('subMenu3');" class=subMenuText>Click me if you can</a></td>
<td rowspan=5 width=1 bgcolor=#2142AD><img src=spacer.gif width=1 height=1></td>
</tr>
<tr>
<td valign=middle bgcolor=#B9C5EB><img src=arrow.gif></td>
<td valign=middle bgcolor=#B9C5EB><a href="" onMouseover="show('subMenu3');" onMouseOut="NS4Hide('subMenu3');" class=subMenuText>Click me if you can</a></td>
</tr>
<tr>
<td valign=middle bgcolor=#B9C5EB><img src=arrow.gif></td>
<td valign=middle bgcolor=#B9C5EB><a href="" onMouseover="show('subMenu3');" onMouseOut="NS4Hide('subMenu3');" class=subMenuText>Click me if you can</a></td>
</tr>
<tr>
<td valign=middle bgcolor=#B9C5EB><img src=arrow.gif></td>
<td valign=middle bgcolor=#B9C5EB><a href="" onMouseover="show('subMenu3');" onMouseOut="NS4Hide('subMenu3');" class=subMenuText>Click me if you can</a></td>
</tr>
<tr>
<td valign=middle bgcolor=#B9C5EB><img src=spacer.gif width=18 height=1></td>
<td valign=middle bgcolor=#B9C5EB><img src=spacer.gif width=181 height=1></td>
</tr>
<tr>
<td colspan=3><img src=bottommenu.gif></td>
</tr>
</table>
</div>


	Click me if you can
	Click me if you can
	Click me if you can
	Click me if you can