title: jQuery dropshadow on a multi-col dropdown
body: <p>I'm trying to apply a jQuery dropshadow on my CSS dropdown menu by adapting a script for my purpose.</p>
  
  <p>What I want to achieve, unsuccessfully by now, is to apply dynamically a CSS left value when I'm over a list element.</p>
  
  <p><a href="http://nlhca.steveforest.com/index.shtml" rel="nofollow">http://nlhca.steveforest.com/index.shtml</a> - go on 'About NLHCA'</p>
  
  <p>So, when I'm over e.g. 'About NLHCA' div.dropShadow inline left value goes to 0.</p>
  
  <pre><code>style="left: -9997px; margin: 0px; position: absolute; top: 28px; z-index: 1;"&gt;
  </code></pre>
  
  <p>to</p>
  
  <pre><code>style="left: 0px; margin: 0px; position: absolute; top: 28px; z-index: 1;"&gt;
  </code></pre>
  
  <p>The dropshadow script is <a href="http://nlhca.steveforest.com/Templates/js/jquery.dropshadow.js" rel="nofollow">http://nlhca.steveforest.com/Templates/js/jquery.dropshadow.js</a></p>
  
  <p>Last thing I tried :</p>
  
  <pre><code> $('#dropList ul#nav li.sub a.level1-a:hover div.dropShadow').css('left:0;');
  </code></pre>
  
  <p>Thanks for you help!</p>