Question

I tried to create a drop down menu. That’s what I did so far:
http://gegensinn.org/test.html
(I made the drop down menu visible at all time for “debugging”)

I think the problem is quite obvious: The menu is behind the text.

First I thought I could fix this with z-index.

Although I’m not quite sure which element has to get the z-index property.

I tried to set the whole menu to z-index:100; and at the same time set the z-index:1; of .main.

Afterwards I tried to set only the z-index of <li> and <a> but nothing worked.

Answer 1

add position:relative on #header 🙂