CSS buttons doesnt render properly in IE

I cannot get the comment buttons to render properly in IE7 and IE8. This is the URL: http://bit.ly/dJkZuI

It works fine in all other browsers. I have been banging my head the past days 开发者_开发百科trying to solve it with no success. Any assistance would be greatly appreciated.

It has something to do with the fact that you have two anchor tags inside that div, not just one. If you hover over each of those images, you will see that they both go to a different URL.

Your CSS is set up to have the anchors in that div take up space, so even though the anchor has no content inside it, it is still taking up the same amount of space. Remove the anchor that doesn't have any text and the problem should go away.

You also have javascript errors that you should probably clean up, but that shouldn't be related to this specific issue.

Works fine for me in IE7. Perhaps you made changes and your browser was still using a cached version of the stylesheet?

My guess is that IE is confused by the invalid HTML. a elements may not contain block elements such as divs.

There are several other errors in your HTML. You should correct them, too:

http://validator.w3.org/check?verbose=1&uri=http%3a%2f%2fwww.the-artifice.com%2ffilm%2f

It's not just IE7 that is rendering it this way. IE8 does as well. The problem is that you have an a tag outside of the div, and then another inside. You can't do that.