Ok, I'm at wits end here. I have a page that is using two <ul> elements, with a few <li> elements in each.

The layout works great in IE6, FireFox, and Safari. IE7 on the other hand is NOT cooperating.

The problem is that IE7 seems to be "clipping off" the bottom of the <li> elements. It's hard to explain so here is a link:

http://www.stovenet.com/index.php

Look at the part of the page that is in the top-right corner. You will see the following:

"Login Register Search Help"

"Login" and "Register" each have an image to the left of them, which is placed there using css. The images will have he bottoms cut off. Also, there is css code that creates an orange bottom border when you hover over each of these elements, it does not show in IE7.

Look at the same page in FF or Safari and it is perfect. IE6 looks ok but the images "bounce" when hovered over.

If anybody can lend a hand I'd really appreciate it. I tried for hours to fix this and I am just coming up short.