title: Can't seem to get jquery.dropshadow.js to work on the proper selector?
body: <p>Can't seem to get jquery.dropshadow.js to work on the proper selector. I've tried to select the id and I can't get it to work. I've also tried the class (see below). </p>
  
  <h2>HEAD</h2>
  
  <pre><code>&lt;script src="scripts/jquery.dropshadow.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      window.onload = function () {
          $("#tacoFTB").dropShadow({ left: 8, top: 10, opacity: 0.8, blur: 4 });
      }
  &lt;/script&gt;
  </code></pre>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;form id="form1" runat="server"&gt;
  &lt;div class="backgroundBox"&gt;
      &lt;table id="tacoBox" cellpadding="0" cellspacing="0" width="520" border="0"&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;img src="images/spacer.png" alt="" class="tacoTableColumnSpacer"/&gt;&lt;/td&gt;
              &lt;td class="tacoBoxMagicFTB" id="tacoFTB"&gt;&lt;img src="images/spacer.png" alt="" height="55" width="1"/&gt;&lt;img src="images/tb_feedthebeat.png" alt=""/&gt;&lt;script type="text/javascript"&gt;getLikesFTB('113078108881');&lt;/script&gt;&lt;/td&gt;
              &lt;td&gt;&lt;img src="images/spacer.png" alt="" class="tacoTableColumnSpacer"/&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <h2>CSS</h2>
  
  <pre><code>.tacoBoxMagicFTB
  {
      background-color: White;
      border:1px solid #b695cb;
      width:100%;
      position: relative;
  }
  
  .tacoBoxMagicFTB img
  {
      vertical-align: middle;
      padding-left: 10px;
  }
  </code></pre>
  
  <p>Any help would be appreciated. </p>