title: Alignment of Floating logo with Top Menu
body: <p>I am trying to create a header in which I have the logo on the top left of the screen. To the right of the logo and aligned to it's base, I want to put a top menu. I have not used any CSS frameworks, and all the HTML and CSS code is located <a href="https://gist.github.com/2481640" rel="nofollow">here</a>.</p>
  
  <p>I cannot get the menu to align to the bottom of the logo (which has <code>float: left;</code>). Also, after testing the margin settings with a border on all elements (<code>border: 1px solid;</code>) successfully, the minute I remove the borders everything reshuffles, and I have to add <code>padding: 1px;</code> in order to keep them in place.</p>
  
  <p>Could someone please take a look and advise me as to the correct application of the relevant CSS?</p>
  
  <p><strong>EDIT:</strong><br>
  Please note that the code does indeed work. My issue is that it is a hack (essentially adding non-existent padding to get the job done).</p>