Fix: Featured Content Gallery WordPress Plugin Displays Incorrectly in Internet Explorer 6

For many websites, the Featured Content Gallery for WordPress provides the centerpiece and main focal point of the front page (Techerator included).  This plugin has the ability to display posts in a specific category as well as a graphic and accompanying text for a great preview of articles on the site.

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.

Featured Content Gallery Rendering Problem

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.

Featured Content Gallery Rendering Correctly