The Problem

When doing some cross-browser compatibility checking, I noticed that the Featured Content Gallery plugin (version 3.2.0) was rendering incorrectly in Internet Explorer 6.  Instead of displaying the article’s preview text as an overlay on the bottom of the article image, it was displaying directly in the middle and looking very out of place.  The picture below shows the rendering error.

The Fix

The solution to this problem was a very simple CSS fix.  Find and open the jd.gallery.css file for the Featured Content Gallery plugin (usually located at yoursite.com/wp-content/plugins/featured-content-gallery/css/jd.gallery.css).

Locate the following code (approximately line 41):

* html .jdGallery .slideInfoZone
{
bottom: 100px;
}

And replace with:

* html .jdGallery .slideInfoZone
{
bottom: 0px;
}

Voilà!  The Featured Content Gallery plugin now renders properly in Internet Explorer 6.

The post Fix: Featured Content Gallery WordPress Plugin Displays Incorrectly in Internet Explorer 6 first appeared on Techerator.