title: Elements overlapping eachother on window resize
body: <p>On <a href="http://d.dancodes.com.ar/private/thrace/" rel="nofollow" title="this template">this template</a> I've built using <a href="http://Foundation.zurb.com" rel="nofollow" title="Foundation">Foundation</a>, everything looks correct and responsive except for both navigation bars. They're both on their own <code>&lt;div class="row"&gt;</code>, yet they overlap eachother on window resize. </p>
  
  <p>(There is a <code>@media only screen and (max-width: 767px)</code> that is supposed to make it look even cleaner, if it helps at all).</p>