title: Using jQuery to add an dropshadow on text
body: <p>I've got a text on the homepage of an website i'm working on. The text can be changed an controlled using an CMS and thus is variable. What are my options of getting an dropshadow on this text? I've found an partial solution using <a href="http://dropshadow.webvex.jux.com/" rel="nofollow">this</a> example. This doesn't exactly give me what i'm looking for. I see an shadow being created but it's not inline with the text.</p>
  
  <p>This is how I used the dropshadow plugin;</p>
  
  <pre><code>$("#intro-tekst").dropShadow({ 
      left: 0, 
      top: 0, 
      opacity: 0.8, 
      blur: 2 
  });
  </code></pre>
  
  <p>And this is the applied css to the part of the page i'm working on;</p>
  
  <pre><code>#intro-tekst
  {
      color                   : #FFF;
      float                   : right;
      margin-top              : 130px;
      width                   : 730px;
      text-align              : center;
      font-size               : 22px;
  }
  
  #intro-tekst &gt; h1
  {
      text-transform          : uppercase;
      padding                 : 0px 0px 0px 0px;
      margin                  : 0px 25px 0px 0px;
      /*font-weight             : bold !important;*/
  }
  </code></pre>
  
  <p>The html i'm working with looks as following;</p>
  
  <pre><code>&lt;div id="intro-tekst" id="Introductie"&gt;
      &lt;h1&gt;Stijlvol in het nieuwe jaar!&lt;/h1&gt;
      Naar de mooiste looks!
  &lt;/div&gt;
  </code></pre>
  
  <p>Am I doing something wrong while creating this dropshadow? Or are the other solution available? One thing to note here that i'm using Cufon to style the text. I know it can be done with css3 but I need the website to be supported in IE7+, FF, Chrome and Safari and as far as I know this can't be done without using javscript.</p>