I'm building a page with a CSS mouseover menu...but I'm having a problem:
The mouseover background color will not span top to bottom of the defined menu bar height despite my setting margin and paddings to 0.
Likewise the text won't valign center.

http://www.ie-studios.net/portfolio/

(Actually, in Firefox and Google Chrome the text and the mouseover color shifted up, in IE7 it's centered like I want it but the mouseover color doesn't span from the top to bottom.)

The CSS is fully visible in the page source. Any ideas what I may be doing wrong?

Thanks for any suggestions!

Hi,

adding the following:

line-height: 20px; to div#menu and display: inline-block; to .menu_link fixes the problem in Firefox.

Just tested it in IE7 and it also seems to be working there

Sweet! I had no idea those tags even existed.
Thanks for the help; it's greatly appreciated! :)