Hey all,

I have made a css drop menu using the <UL> and <li> tags.
I want to have a two line menu. the problem is that the top drop down menu is
under the bottom menu.

I think that the z-index property only apply to objects that were positioned
by position:absolute.
so my uls and ils are. but still same problem.

the structure is as the following :

<ul>
<li><div>MENU 1 </div>
<ul>
<li>sub men 1</li>
<li>sub men 2</li>
<li>sub men 3</li>
<li>sub men 4</li>
</ul>
</li>
<li><div>MENU 2 </div>
<ul>
<li>sub men 1</li>
<li>sub men 2</li>
<li>sub men 3</li>
<li>sub men 4</li>
</ul>
</li>
</ul>
Some javascript is putting all that together (getElementByTag)
I have set the z-index for the menus to -100 and the z-index of the <il><ul>
(the sub mens group) to 100.

help of any kind will be appreciated.

Thanks for reading this fqr, hope you could help