The above menu uses a series of href text links that have an image included in the page's HTML next to them, this image is then used to determine the precise location of where the menu should appear. The popup function then uses the left position of the image for the left position of the menu, and the top position of the image plus the image height for the top position of the menu.

The code we use for this is standard HTML and is as follows:

<img src="/images/transparent.gif" border="1" name="milonicmenu" id="milonicmenu">
<a href=# onmouseover="popup('milonic','milonicmenu')" onmouseout="popdown()"><font size="3" color="green">Milonic</font></a>

The image in this sample has its border set to 1, this shows you where the 1 pixel transparent image is. This would normally be invisible. Also, the following image: Has been positioned inside text that will move based on browser position. if you change the size of your browser, the text will wrap and move the image in relation to this but the menu will always appear based on the location of the image, try it and see. Also, see this image: