Как сделать так, чтобы эти слои не перекрывались?

Question

http://removed.com/jquery/test.html#

У меня есть три проблемы, с которыми мне нужна помощь.

1) Когда вы нажимаете «Еще» в правом верхнем углу, он открывает div #search и фон перекрывается коричневым элементом ниже. Я пытался использовать z-index, но это не сработало.

2) Я пытаюсь выровнять div #search прямо под «More», но при установке ширины #search он выравнивается по левой стороне.

3) При наведении курсора на навигацию слева всплывающее окно перекрывается текстом посередине. Я хочу, чтобы всплывающее окно было поверх текста.

Answer 1

Попробуйте задать position:relative элементу с идентификатором #search и установите для его z-index большее значение, например 100