[edit]
CSS to get drop shadowed text cross browser
[edit]
The HTML
<h2 class="shadow" title="Your Title Text"><span>Your Title Text</span></h2>
[edit]
The CSS
Even though text-shadow is CSS2 only Safari supports it!
.shadow span {
text-shadow: #bbbbbb 1px 1px 1px;
filter: Shadow(Color=#bbbbbb,Direction=135,Strength=2);
padding:0px;
margin:0px;
font-weight:bold;
}
.shadow {position:relative;}
.shadow span {position:absolute;display:block;top:0px;left:0px;margin:0px;padding:0px;}
.shadow:before {display:block;padding:2px;content:attr(title);color:#bbbbbb;-moz-opacity:0.6;}