Creating Drop Shadow Using CSS

Imagine using text with drop shadows, no more images and faster loading...
I been looking for ways in how to make a drop down shadow and thought you might be interested in my discovery. If you are familiar with Adobe Pagemaker then it will be easy for you.

By placing anoter text of darker color on top of the other with a light color will do the trick. The only problem i've seen is that when you try to disable css, the text maybe duplicated.

tildemark blogstildemark blogs

.container { 
  position: relative; 
  left: 1px; 
  top: 1px; 
  color: #ccc; 
}
.text { 
  position: absolute; 
  left: -2px; 
  top: -2px; 
  color: #000;
}

<h1 class="container">tildemark
<span class="text">tildemark</span>
</h1>