an easy fix without messing with the rest of the code is by adding position:relative to id=navigation anchors which will bring the links to the top so it wont be covered.

#navigation a {[your code]; position: relative}

tested in IE7, FF, and Op with no problem
References :

would that work? So far as I can tell, the hover background is the same colour as the band below, so it doesn’t matter if it overlaps. *update* no, it doesn’t work.

I have been playing around, and it seems that IE7 doesn’t pay a lot of attention to padding on your links, even when not in hover mode. As you are using the same colour you are sitting on, this isn’t noticeable except with your heavily contrasted hover colour. The only solution I can think of is to choose a different hover colour that doesn’t highlight the fact that the bottom 1px isn’t changing. Just to see what was happening, I changed the standard background for your links while playing to yellow, and although I could see the problem was still there, it wasn’t glaringly obvious, in fact you had to look quite hard to see it.

I loathe and despise IE7 btw, even more than i disliked IE6 and prior. Why bother copying tabs from Mozilla when you package it up in something that looks like a dog’s dinner?
References :
http://www.thewebsitedesign.co.uk

Remember box model adds width, border, margin, and padding to get the final width.

You might also try reducing the font-size by 1px on the hover state.
References :

We managed to use hacks to get this working in FF2, Opera, and better: IE5 and IE6.

We’ve had no joy with IE7 (which should be the easiest, no?)

The problem is in the on-hover in our navigation bar.

When you hover over each link the colour of the background and the text invert, which looks great and is a very common way to do navigation links.

When viewed in pretty much everything except IE7, this works great! However, in IE7 the background colour doesn’t stretch all the way to the bottom, leaving a 1px tall line of the original colour.

This might be hard to understand so check it out here: http://www.logon.ie/internet-marketing-blog/

Note when you run the mouse over Home, Services, About etc, the rollover effect. Try this in IE7 and another browser.

The style sheet is here: http://www.logon.ie/wp-content/themes/Internet-Marketing-Blog/style.css

If anyone has a fix for this issue please help save my sanity!

Thanks!