Как убрать полосы прокрутки в фиксированном меню на JQuery в адаптивном шаблоне? - Вопросы по CSS

/* IceMegaMenu */
#mainmenu {
/*  position: relative;*/
  background-color: #3d3d3d;
  background: -moz-linear-gradient(top, #484848, #2e2e2e);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#484848), to(#2e2e2e));
  background: -webkit-linear-gradient(top, #484848, #2e2e2e);
  background: -o-linear-gradient(top, #484848, #2e2e2e);
  background: linear-gradient(to bottom, #484848, #2e2e2e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484848', endColorstr='#ff2e2e2e', GradientType=0);
  clear: both;
  margin: 0 0 30px;
  border-radius: 7px 8px 8px 7px;
  /* Search */

}

.default {
position: relative;
top: 0;
  left: 0;
  height: 55px;
  background: url(../images/mainmenu.png) no-repeat;
  width: 100%;
  border-radius: 7px;
}
.fixed {
position: fixed;
overflow: auto;
z-index:15000;
width:100%;
top:0;
right:0;
left:0;
max-height:50%;
}

#mainmenu:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 55px;
  background: url(../images/mainmenu.png) no-repeat;
  width: 100%;
  border-radius: 7px;
}

jQuery(document).ready(function(){

 

        var jQuerymenu = jQuery("#mainmenu");

 

        jQuery(window).scroll(function(){

            if ( jQuery(this).scrollTop() > 100 && jQuerymenu.hasClass("default") ){

                jQuerymenu.removeClass("default").addClass("fixed");

            } else if(jQuery(this).scrollTop() <= 100 && jQuerymenu.hasClass("fixed")) {

                jQuerymenu.removeClass("fixed").addClass("default");

            }

        });//scroll

    });

@media screen and (max-height: 600px) {
     .fixed { 
     overflow: auto!important;
     max-height:50%!important;
 }
   }

@media only handheld and (max-height: 600px) {
     .fixed { 
	 overflow: auto!important;
	 max-height: 50%!important;
 }
}