Self-Clearing Fix

You’ll recall that the “self-clearing” method for clearing the floated image in the image/title/description block does not work in IE, as we explained back in Chapter 4. Because IE doesn’t support the :after pseudo-class, we need an alternate way of handling self-clearing floats for those browsers. Because we’re keeping IE fixes and hacks separate from our clean CSS that we’ve previously written, it makes sense to add the fix here.

Let’s add the necessary fixes to allow IE 5, 6, and 7 to self-clear any floats that happen in <dl class="feature">, just as we had discussed in Chapter 4: