Menu de navegação não sobe junto com a imagem

Ao atualizar a posição da imagem e do menu de navegação, a imagem vai para o topo da tela, como deveria, mas o menu continua onde estava e não consigo encontrar o erro.

Segue o HTML:

                <img src="eu.jpg" alt="Foto do João da Silva">
                <aside class="menu-navegacao">
                    <div>
                        <nav>
                            <h1>João da Silva</h1>
                            <ul>
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="portfolio.html">Portfolio</a></li>
                                    <li><a href="bio.html">Sobre mim</a></li>
                                    <li><a href="blog.html">Blog</a></li>
                                    <li><a href="Contato.html">Contato</a></li>
                            </ul>
                        </nav>
                        <ul class="icones-sociais">
                            <li><a class="github" href="http://github.com/joaodasilva">Github</a></li>
                            <li><a class="twitter" href="https://twitter.com/twitter-joaodasilva">Twitter</a></li>
                            <li><a class="linkedin" href="https://br.linkedin.com/pub/linkedin-joao-da-silva/32/4/508">Linkedin</a></li>
                    </ul>
                    </div>
                </aside>
                <footer>
                        © João da Silva 2014
                </footer>
    </body>
</html>

Segue o CSS:

.titulo-principal {
  font-size: 60px;
  background-color: rgb(120, 30, 60);
  color: #FAFFFA;
  text-align: center;
  font-family: "open sans", "arial", sans-serif;
  padding: 25px;
  margin: 0px;
  border-bottom: 10px solid #000000;
  text-transform: uppercase;
}

main {
  color: #000000
}

h1 {
  font-weight: bold;
  font-size: 40px;
  font-family: "open sans", "arial", sans-serif;
}

h2 {
  font-weight: bold;
  font-size: 40px;
  font-family: "open sans", "arial", sans-serif;
  clear: both;
}

.conteudo-texto {
  width: 720px;
  margin: auto;
}

p {
  text-align: justify;
  margin: 20px 0px;
}

main a {
  color: #851944;
}

.menu-navegacao {
  font-weight: bold;
  background-color: #3C1D3D;
  color: #F2FFFC;
  text-align: center;
  font family: "Open Sans Condensed", sans-serif;
  width: 300px;
  height: 230px;
  float: right;
  clear: left;
}

aside a {
  color: inherit;
}

aside h1 {
  font-size: 30px;
  line-height: 2;
}

.icones-sociais li {
  display: inline-block;
  margin: 10px;
}


ul {
  background-color: #3C1D3D;
  color: #F2FFFC;
}

foo