CSS and Hover Backgrounds / IE vs Firefox

[marklbishop]

I'm a relative newbie at css but trying.

I am working on a new site and trying to do a rollover effect using css. I essentially have a transparent gif in a table cell. On rollover I'm swapping the background for a hover effect.

It is working great in Firefox, but in IE, the image pushes down one pixel. I have no idea why. Does anyone have any thoughts?

The page I'm working on is here:

http://animalsense.com/_new/

Thanks.

[jscheuer1]

Most likely it is because you are changing the display to block. If you were to begin with it like that:


#globalnav td a:link {
display: block;
}

It probably wouldn't move, but would start out in a slightly different spot.

[marklbishop]

Thanks. However, it didn't change anything. :( That sure made sense, but I"m still having the same IE problems.