title: How can i make text glow on mouseover of another element (Without text-shadow)
body: <p>Say for example I have the following code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;
          &lt;a&gt;
              &lt;span class="title"&gt;Home&lt;/span&gt;
              &lt;span class="description"&gt;My House&lt;/span&gt;
          &lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;a&gt;
              &lt;span class="title"&gt;About&lt;/span&gt;
              &lt;span class="description"&gt;Foo&lt;/span&gt;
          &lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>How can i make ONLY the title class glow, as in an outer glow effect when the li element is hovered over.</p>
  
  <p>I found this plugin: <strike>http://nakajima.github.com/jquery-glow/</strike>, but i cant figure out how to make it work to my needs. EDIT: It isn't really what i'm looking for as it relies on text-shadow.</p>
  
  <p>I wanted this to work in ie7+ therefore i can't really use text shadow.&lt;</p>