Фиксированное меню после обновления страницы

Здравствуйте. Фиксированное меню расположено не в самом начале страницы, а после header. Все работает прекрасно, если бы только, прокрутив чуть ниже, после обновления страницы меню может встать на то же расстояние от верха, не прижимаясь к нему.

HTML

<nav id="cssmenu">
<ul>
<li><a href="page.html">Страница</a></li>
<li><a href="page-2.html">Страница 2</a></li>
<li><a href="page-3.html">Страница 3</a></li>
</ul>
</nav>

CSS

#cssmenu {
  position: fixed;
  top: 186px;
  height: 52px;
  background: black;
  width: 100%;
  text-align: left;
  z-index: 2;
}

JavaScript

var h_hght = 186;
var h_mrg = 0;
$(function(){
  $(window).scroll(function(){
    var top = $(this).scrollTop();
    var elem = $('#cssmenu');
    if (top+h_mrg < h_hght) {
      elem.css('top', (h_hght-top));
    } else {
      elem.css('top', h_mrg);
    }
  });
});