将导航与标题中的徽标对齐的问题

simple issue with some CSS I'm having trouble fixing that I was wondering if you could help me out with. I have a simple header with the logo to the left and the nav to the right (both floats). I have the nav and its list tied together and the logo within the header as a simple ID "logo". For now, the logo won't go on the same line as the nav, so I am faced with my logo taking up a good portion of the left side of the header, and my nav (much smaller in size) taking up the right side. I want them to be on the same line (though not both in the nav) so I can manage the margins and paddings separetly. Here is my code:simple issue with some CSS I'm having trouble f