Superfish menu z-index issue

Question

I have a simple layout.

<div id="menu" style="height=30px"> </div>
<div id="content"> </div>

The superfish menu is in the MENU div. Menu div must be 30px height but so the superfish menu dropdown can't see because does not fit. (Superfish menu is 200px when dropped down)

I try to set z-index to MENU div but it does not work.

How can I fix this?

Show us what you have tried on [JSFiddle.net](http://jsfiddle.net/) — Filipe Manuel, Jul 11 '12 at 19:27
Just paste the code block in your question, if it's too much trouble setting up a fiddle. Although ideally you should do that. — abhshkdz, Jul 11 '12 at 19:45
i figured out: i have to set z-index plus position:absolute to sf-menu class — holian, Jul 11 '12 at 19:56

score 2 · Accepted Answer · answered Jul 11 '12 at 19:57

2

z-index works only with position:absolute or position:relative.

answered Jul 11 '12 at 19:57

abhshkdz

6,335
1
21
31

yes. z-index plus pos:abs, or position realitve with owerflow:visible. – holian Jul 11 '12 at 20:03

Superfish menu z-index issue

1 Answers1