title: Menu item positioning issue
body: <p>I'm trying to create a header menu.
  Please see my code here: <a href="http://jsfiddle.net/kc2cc/" rel="nofollow">http://jsfiddle.net/kc2cc/</a> .</p>
  
  <p>My intention was that, if user clicks on of the menu items (logo, places, events or groups) then the clicked element will move down 1px, and until click it comes back to original position.
  In Chrome 15 everything works fine, but in Firefox and IE if I click on element all the elements move down.</p>
  
  <p>What is the reason, and how can I fix it?
  Thanks</p>