make div appear ajacent to calling div.

[blueman378]

Hi guys.

 

Well basically i have a menu,

 

its setup as

 

<div id="menu">
<a class="menu_item" href="#">HOME</a>
<span class="sep">
<a class="menu_item" href="#">About Us</a>
<span class="sep">
<a class="menu_item" href="#">My Sites</a>
<a class="dropdown_caller" href="#">^</a>
<span class="sep">
</div>

 

i also have another div

<div class="dropdown">

 

all that contains is a simple dropdown.

 

anyway when the page is loaded the dropdown div is set to display: none;

 

and i know to add the onclick event to the dropdown_caller link

 

but what i need to know is,

 

how can i position the div so it lines up below the calling dropdown_caller

 

this is a dynamic site so i cant be sure of the pixel position of the caller.

[JustLikeIcarus]

This is easiest to do with lists and css. take a look at http://css.maxdesign.com.au/listamatic2/horizontal04.htm