Фиксированное (плавающее) горизонтальное меню не видно за банером на главной странице

[Kateryna]

Добрый день!
Подскажите, пожалуйста, почему фиксированное меню при скроллинге исчезает за банером, а подменю вообще не видно (только на главной странице, на остальных страницах все ОК).

Данная проблема в  Хроме, Опере и ИЕ.

 

Сайт: http://ecotrand.ru

1. В библиотеку добавила это:

$(document).ready(function() {	var header_h = 160; // 	var menu = $('#menu');	menu.css({'position' : 'fixed', 'top' : header_h + 'px'});		$(window).scroll(function(){		var top = $(window).scrollTop();		if(top < header_h){			menu.css({'top': header_h - top +'px'});		} else {			menu.css({'top': '0'});		}	});});

2. В header.tpl  вписала это:

<script type="text/javascript" src="catalog/view/javascript/jquery/jquery.menu.js"></script>

 

3. Ну и меню заключила в дополнительный видимый блок.

 

Что не так, подскажите, пожалуйста!!! Даже не знаю где смотреть....

[Troy]

в файле stylesheet.css в 359-й строке идентификатору #menu допишите два свойства:

 

position: relative;

z-index: 999;

 

и будет вам счастье

[Kateryna]

Спасибо, очень помогли))