固定された要素はスクロールし、Webkit でのみ正しい場所に再表示されます。Firefox で問題ありません。
JS:
 var num = 50; //number of pixels before modifying styles
 $(window).bind('scroll', function () {
     if ($(window).scrollTop() > num) {
         $('.menu').addClass('fixed');
     } else {
         $('.menu').removeClass('fixed');
     }
 });
HTML:
<div class="menu"><h1> Amigas </h1></div>
CSS:
.menu {
background: #345;
color: #FFF;
z-index: 999;
padding: .5em;
position: absolute;
top: 47px;
left: 0;
width: 100%;
}
.fixed {
    position:fixed;
    top:0;
}