title: Cufon with hover on parent element
body: <p>This is what I have: <a href="http://thezoomer.net/clubroyale/" rel="nofollow">http://thezoomer.net/clubroyale/</a></p>
  
  <p>I applied Cufon on the <strong>a</strong> element inside the .nav-item </p>
  
  <pre><code>Cufon.replace('.nav-item a', {fontFamily: 'Yanone Kaffeesatz',
                                      hover:true,
                                      hoverables: { li:true }
                                      });
  </code></pre>
  
  <p>This is what I have inside the menu</p>
  
  <pre><code>&lt;li class="nav-item"&gt;&lt;a href="./"&gt;HOME&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>and this is what I have inside the css</p>
  
  <pre><code>.nav-item{
       color: #a8956c;
       background-color:#fff;
       cursor:pointer;
  
      white-space:nowrap;
  }   
  .nav-item:hover{
       color: #fff;
       background-color:#a8956c;
  
  }
  </code></pre>
  
  <p>Evidently, I want the css hover to work. I know It will not work in this state because Cufon has tied the refresh to the a element and not the whole parent element (which is tied from the css ). However, if I apply the css to <strong>.nav-item a</strong> the hover will work but only on the portion of the menu element.</p>
  
  <p>Also, I have tried applying Cufon on <strong>.nav-item</strong> without the <strong>a</strong>, the hover works but some Cufon draws some weird white spaces without having to.</p>
  
  <p>So, is there something like hoverables: { parent:true } for the element to receive hover events from the parent element too ?</p>
  
  <p>Thanks!</p>