How do you get a triangle hover effect on a pure css navbar?

Question

I would like to have a little triangle underneath the the text that points up when the user hovers over the different tabs. Here is a bit of code I\'m working with.

Answer 1

Here is a fiddle that uses an background-image that will display over the hovered menu item. It not pretty but further css should help with that.

UPDATE

Sorry I must have misread that. Here is a working fiddle with a smaller arrow pointing in the proper direction.