Feature Slide in IE Gradient Image Showing In Footer

[tcantrell 0]

I'm using Station Pro and in IE on Windows the feature slides aren't centering properly. It seems to get progressively worst as you cycle through the features. Meaning each time it cycles the images are a little more to the right and off centered. I've included a screen shot below. Also, on a few of my posts that aren't very tall I have a gradient image that is showing up in the footer area. If I embed a video or image or anything over around 500px tall it doesn't show. I included a link to a post with this problem and a screenshot below. Any help is much appreciated. Screenshots: See feature slide at: http://www.sk8mafia4life.com See individual post with gradient image at: http://www.sk8mafia4life.com/10-minutes-with-javier-sarmiento/

[kastelic 6]

What version of IE are you using and do you have any custom CSS in place?

[tcantrell 0]

Quite a bit of custom code... I'll double check on the IE version and post back. .category #morefoot {display:none} .blog #morefoot {display:none} #footer{display:none} .post-nav{display:none} .single #sidebar { width:235px;} .single #maincontent {width:700px;} .single .thumb {display:none} #nav ul li a{text-transform:uppercase} #nav ul, #nav .mnav {width:960px;} .category #sidebar {display:none} .category #maincontent {width:960px;} #feature{height:480px} .single .post-excerpt { width:600px;} .category .post-excerpt { width:600px;} .post-excerpt {font-weight: bold;} #nav ul li a{margin-left: auto;} #nav ul li a{margin-right: auto;}

[tcantrell 0]

It was Windows Vista, IE 7... I tested it on a few other versions of IE and it worked, I also remember trying it on XP but I can't recall if it worked correctly.

[catrina 103]

Go to Theme Options > Global Options > enable Google IE Compatibility Fix

[tcantrell 0]

Thanks, already enabled though... Any other suggestions?

[kastelic 6]

I'm rolling down the freeway right now with a laptop, otherwise I could dig deeper into the specific CSS rule that is causing the problem. If you can remove a few rules at a time and test, then you could pinpoint the problem and once you figure it out, you can use the star hack to specifically target IE7 and below. Like so: #something{ *width: 300px; }