Firefox and <li> vertical alignment

Question

I'm trying to make a horizontal menu bar that's flush with the top of the screen. It works fine in Chrome, but in Firefox, the LIs are half cut off.

Here's a fiddle.

How do I get it to work properly?

Answer 1

 .topmenu li:hover a, .topmenu a:hover { position:absolute; display:inline-block; 
  width:inherit; height:30px; background:inherit; text-align:center; }

That should work for you. Just add position absolute to this section.