JS скрипт для меню

Здравствуйте, прекрепил меню к верхней понели сайта спомощью JS кода

Код (Javascript):

1. <script type="text/javascript">
2. $(function(){
3. $(window).scroll(function() {
4. var top = $(document).scrollTop();
5. if (top < 95) $("#site-navigation").css({top: '0', position: 'relative', });
6. else $("#site-navigation").css({top: '0', left: '0', position: 'fixed', width:'100%'});
7. });
8. });
9. </script>

Пример можно посмотреть тут http://z91421ui.bget.ru/ собственно и проблему также, при прокрутки сайта мы видим что меню прилепает к верху браузера, но двигается под блоками, как можно исправить эту нелепую ошибку.
Что уже пробывал в $("#site-navigation").css({top: '0', left: '0', position: 'fixed', width:'100%'}); прописать z-index: '100' т.е. вот так

Код (Javascript):

1. <script type="text/javascript">
2. $(function(){
3. $(window).scroll(function() {
4. var top = $(document).scrollTop();
5. if (top < 95) $("#site-navigation").css({top: '0', position: 'relative', });
6. else $("#site-navigation").css({top: '0', left: '0', position: 'fixed', z-index: '100', width:'100%'});
7. });
8. });
9. </script>

результат был такой что меню вовсе перестала прилепать к верху.

 

проблема решена, в css стиле меню я добавил строку
z-index: 1000;
получилась вот так :

Код (CSS):

1. #site-navigation .wrapper{
2. z-index: 1000;
3.         background: none repeat scroll 0 0 #202033;
4.         box-shadow: 0 3px 5px #555555;
5. }