<div class="main">
  <div class="logo">
    <a href="#">
      <h1 id="logo">PRace</h1>
    </a>
    <div class="menu">
      <div class="buttons">
        <ul id="buttons">
          <li id="home" title="Home page (Github)"><a href="#"><i class="fa fa-home"></i></a></li>
          <li id="src" title="Source code"><a href="#"><i class="fa fa-code"></i></a></li>
          <li id="wiki" title="Wiki"><a href="#"><i class="fa fa-wikipedia-w"></i></a></li>
          <li id="docs" title="Documentations"><a href="#"><i class="fa fa-book"></i></a></li>
          <li id="contact" title="Contact me"><a href="#"><i class="fa fa-commenting-o"></i></a></li>
          <li id="thankme" title="Say thank me!)"><a href="#"><i class="fa fa-thumbs-o-up"></i></a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

.menu{display:none;}
.logo:hover .menu{display:block;}