Embedded font not rolling over properly

So, my husband is a web dev. and he's working on building my new portfolio website which I designed (I'm a photographer) and he is using an embedded font called bellerose (TTF) through @font-face. It's working fine except that the onmouseover effect seems to be anchored at a point above where it should be. So when you point the top part of the hand cursor over the text it doesn't work, you have to put the "palm" of it over. It's not that big of a deal on the single isolated pieces of text but when you have several categories stacked on top of each other, you end up clicking the category below the one you actually want. The onmouseover effect is just a simple color change. This is really annoying, so if anyone has an idea how to fix it I will pass it on to my husband. Thanks for reading.

Liberty