html - ナビゲーションがずれる

Question

なんらかの理由で、自分の Web サイトを読み込むと、最初は下の div にナビゲーションが表示されますが、別のページに移動すると、(元のページに戻っても) 適切に配置されて表示されます。別のタブに移動した後も機能しますが、インデックスをリロードすると壊れることがあります。

ここに私のサイトへのリンクがあります: http://jjeff2payd.github.io/index.html

問題が何であるかわからない場合は、コードを自由に調べてください

編集： ナビゲーション部分の追加コードは次のとおりです

HTML

<ul class="nav">
  <li class="active">
    <a href="./profile.html" title="Learn more">Profile</a>
  </li>
  <li>
    <a href="./experience.html" title="Do things">Experience</a>
  </li>
  <li>
    <a href="./blog.html" title="Think less">Blog</a>
  </li>     
  <li>
    <a href="./contact.html" title="Get in touch">Contact</a>
  </li>
</ul>

CSS

.nav {
    float: right;
    margin-top: 50px;
    margin-right: 30px;
}
 .nav li {
    display: inline;
    margin-left: 3em;
    padding-top: 6px;
 }