title: Menu text align in css + html
body: <p>I am getting mad with this problem. Mi website has a menu, and it looks well in the index. You can see it here: 
  <a href="http://www.farmaciagimeno.com" rel="nofollow noreferrer">http://www.farmaciagimeno.com</a></p>
  
  <p>But when I enter to see a product (with a browser other than Firefox), the menu items align to the top of the menu, like this:</p>
  
  <p><img src="https://i.stack.imgur.com/gShHi.png" alt="enter image description here"></p>
  
  <p>You can see this effect here:</p>
  
  <p><a href="http://www.farmaciagimeno.com/promociones/superofertas" rel="nofollow noreferrer">http://www.farmaciagimeno.com/promociones/superofertas</a></p>
  
  <p>I have tried modifying several things in the css but cannot find where the problem is.
  Can you css gurus give me a hand?
  thanx</p>