Пример создания Мега-текста

Вот забацал такой симпатичный текст при помощи стилей, может кому пригодится, а может даже и мне для создания логотипов на сайтах или меню.
Проверял в браузерах - Опера 9.25, ФФ 2.0, и ИЕ 7, возможно без проблем будет работать и в других версиях, но у меня под рукой их не оказалось. Лучше всего конечно он смотрится в ИЕ из-за его умения красиво cглаживать шрифты.

HTML

<div class="cooltext">
<b class="ct-top">PION2ER</b>
<b class="ct-bot">PION2ER</b>
<b class="ct-contur">PION2ER</b>
</div>

CSS

.cooltext {
	position: relative;
	height: 23px;
}
.ct-top,.ct-bot,.ct-contur {
	font: bold 20px Tahoma;
	display: inline-block;
	position: absolute;
}
.ct-top {
	color: #f19193;
	overflow: hidden;
	height: 13px;
	top: 0px;
	left: 0px;
	z-index: 999;
}
.ct-bot {
	color: #b41118;
	z-index: 888;
}
.ct-contur {
	top: 1px;
	left: 1px;
	color: #8c1517;
	z-index: 777;
}

Похожие записи:

1. Кнопка с закругленными уголками в 1px при помощи стилей