IE8 moves content on mouseover

This is one of the strangest bugs I've ever encountered.

Feel free to check it out here.

Basically the issue ONLY exists in IE8/Windows (not IE7 or 9 however). The problem happens when you mouse over the What's Hot image, or any image below that on subsequent rows. Upon mousing over, it shifts all开发者_运维问答 the content down. Could this be due to an issue in clearing the floats? That's my best guess but I can't quite seem to narrow down where the problem lies.

---

First, you should fix all the validation errors on your page. Invalid markup is the #1 cause of weird browser behavior.

http://validator.w3.org/check?uri=http%3A%2F%2Ftroubadourtx.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

You have 75 errors, and 17 warnings.

Next, you have abotu a zillion stylesheets and selectors.. You might want to prune your css tree and only apply the CSS that's necessary for the page.