Category: ‘CSS’

Posted on June 24th, 2007

Gaps Under Images in IE6

In IE6 and below, images within a div will have a gap or space below them. This is caused by the fact that images are not block elements; they’re inline. The pixels at the bottom are the space below the baseline where text descenders would go (tails on letters like g, j, p, q and y).

The Fix:
Using CSS, set display:block; on the img.

This is not a problem in IE7.

Posted on May 19th, 2007

Suckerfish Dropdown Menu “Sticks” in IE7

The Problem:
When using the Suckerfish Dropdown Menu in IE7 the dropdown menu often “sticks” and will not go up when you mouse off the menu.

The Fix:
Just add the following code to your CSS:

#menu li:hover, #menu li.hover { position: static; }

Thanks to Built From Source for the fix.

Posted on May 12th, 2007

CSS IE Double Margin Bug (IE6-)

The Bug:
Internet Explorer (IE 6) doubles the margin added to a floated div that is placed inside a container div.

The Fix:
Add display: inline; to the floated element.