Image Replacement with line-height CSS property

h4 {
  overflow: hidden; 
  width: 399px;
  height: 80px; 
  background: url(img.gif) no-repeat 0 0; 
  color: #F00;
}

h4#positive {line-height: 100}

Image Replacement

Working well in:

• Opera 7.23
• Opera 8.5
• Firefox 1.5
• IE 5.0
• IE 6.0

Not working in:

• IE 5.5

h4#zero {line-height: 0}

Image Replacement

Working well in:

• IE 5.0 (short coming: decreasing of distance to sibling element)
• IE 5.5
• IE 6.0

Not working in:

• Opera 7.23
• Opera 8.5
• Firefox 1.5

h4#negative {line-height: -100}

Image Replacement

Not working in:

• Opera 7.23
• Opera 8.5
• Firefox 1.5
• IE 5.0
• IE 5.5
• IE 6.0