Градиентные заголовки на CSS

Градиентные заголовки для сайта – красота неописуемая, а без изображений, на чистом CSS – верх совершенства!
Хотя ложка дегтя в этой бочке меда есть, и это всеми “любимый” IE6, но и его мы сможем побороть, хотя пора бы забыть навсегда.
Пользователи IE6 помните, кодеры заботятся и о Вас!
Нус, перейдем к коду.

CSS-код:

h1 {
	font: 32px Georgia;
	position: relative;
	color: #0094D6;
	margin: 10px 0;
	padding: 0;
}
h1 b {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 23px; /* Высота в пикселях для IE6 */
	background: #FFF; /* Цвет фона на котором написан заголовок */
	overflow: hidden;  /* для "любимого" IE6 */
	opacity: 0.64;
	filter: alpha(opacity=64);
	-moz-opacity: 0.64;
}

HTML-код:

<h1>Заголовок<b></b></h1>

Как это работает: контейнер <b></b> заливается белым цветом и имеет прозрачность, при этом размещается над текстом и закрывает 23 пикселя основного текста.

Пример.