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.
精彩评论