title: How to align highcharts legend to bottom right?
body: <p>I'm trying to align a legend at the bottom right in highstock. It used to work until I was forced to upgrade to highstock 1.3.4. </p>
  
  <p>The problem is that now the navigator is covering the legend. This is not ideal:</p>
  
  <p><a href="http://jsfiddle.net/sy8dE/" rel="nofollow">http://jsfiddle.net/sy8dE/</a></p>
  
  <p>I'm aligning the legend as follows:</p>
  
  <pre><code>$(function () {
  $('#container').highcharts('StockChart', {
  
      chart: {
      },
  
      legend: {
          enabled: true,
          floating: true,
          verticalAlign: 'bottom',
          align: 'right'
      },
  
      rangeSelector: {
          selected: 1
      },
  
      series: [{
          name: 'USD to EUR',
          data: usdeur
      }]
  });
  });
  </code></pre>
  
  <p>How can I get the navigator to NOT cover the legend?</p>