title: Highcharts legend styling with usehtml
body: <p>I need to use the pagination of Highcharts (v2.3.5) legend, as my graph use numerous series of data. The thing is I would like to add an image (with a dedicated tooltip) on each legend item, and so use the useHTML property to enable the use of more complex label formats.</p>
  
  <p>The problem is that in that case, the legend overflows the usual frame and goes over the navigation buttons, thus making them unusable. You will find a simple example of this problem here : <a href="http://jsfiddle.net/APtZ3/190/" rel="noreferrer">http://jsfiddle.net/APtZ3/190/</a></p>
  
  <pre><code> legend: {
          layout: 'vertical',
          align: 'right',
          verticalAlign: 'top',
          y: 30,
          labelFormatter: function () {return '&lt;span&gt;' + this.name+'&lt;/span&gt;';},
          useHTML:true
      },
  </code></pre>
  
  <p>Please let me know if anybody can help me on this.</p>
  
  <p>Note: the problem was to be solved with highcharts new version, but it was not (see <a href="http://dev.highslide.com/forum/viewtopic.php?f=9&amp;t=22192&amp;p=86900&amp;hilit=legend+navigation#p86900" rel="noreferrer">http://dev.highslide.com/forum/viewtopic.php?f=9&amp;t=22192&amp;p=86900&amp;hilit=legend+navigation#p86900</a> )</p>