Schadow kun je zien als een tweede versie van de tekst die erachter geplant is. Ik zal dan ook eens proberen of het op die manier mogelijk is. Post een scriptje als het me lukt.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl"> 


<head>
<title>test</title>


<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> 


<style type="text/css">


.orginal {
	position: absolute;
	top: 0px;
	left: -1px;
	font-family: verdana;
	font-size: 20pt;
}


.shadow {
	position: absolute;
	top: 3px;
	left: -3px;
	color: #999999;
	font-family: verdana;
	z-index: -1;
	font-size: 20pt;
}


</style>
</head>


<body>
<div>
<div class="orginal">Ik heb een hele mooie schadow.</div>
<div class="shadow">Ik heb een hele mooie schadow.</div>
</div>
</body>


</html>

Op deze manier is het ook mogelijk, cross-browser. Echter zou ik het wel wat afwerken met javascript e.d. Het is in ieder geval een voorbeeld.

Het SEO probleem kun je wel oplossen met JavaScript...

Text-shadow is een CSS3 element, dat is dus nooit crossbrowser aangezien weinig browsers zich aan de standaarden houden.
Je zou zoiets kunnen doen door een afbeelding te maken (dus met de shadow erin) of hoe Killingdevil het zegt.

Naar mijn weten moet Firefox 3.5, Chrome, IE8 en Opera * dit element kunnen ondersteunen.

Verdere Engelse referenties: Tutorial CSS3

Screencast CSS3 effects

Een paar CSS3 technieken