title: Menu layout breaks if you zoom out in chrome
body: <p>Please visit <a href="http://www.iamvishal.com/pureecn/" rel="nofollow noreferrer">site</a></p>
  
  <p>In chrome if you zoom to <code>75%</code> the secondary menu breaks as per below
  picture.</p>
  
  <p><img src="https://i.stack.imgur.com/65OQb.png" alt="enter image description here"></p>
  
  <p>There are many related topics on stackoverflow. I tried them
  but it did not work for me. Some of the things I tried:</p>
  
  <ol>
  <li><code>position: absolute</code>;</li>
  <li>Change my container from <code>div</code> to <code>span</code>;</li>
  <li>Change font from <code>px</code> to <code>em</code>;</li>
  </ol>
  
  <p>Any idea how this can be fixed?</p>
  
  <p>Thank you</p>