title: Highcharts Flag series tooltip does not follow yAxis
body: <p>I refer to <a href="http://jsfiddle.net/VJsjg/2/" rel="nofollow">http://jsfiddle.net/VJsjg/2/</a></p>
  
  <pre><code>$(function() {
  $('#container').highcharts('StockChart', {
      chart: {
              zoomType: 'x',
              marginTop: 100, //avoid overlapping with navigator
              spacingLeft: 0
          },
      scrollbar: {
          enabled: false
      },
  
      navigator: {
          enabled: true,
          top: 40
      },
  
      rangeSelector: {
          selected: 1
      },
      yAxis:[{
          top:140,
          height:150
      }],
      series: [{
          id:'msft',
          name: 'MSFT',            
          data: MSFT
      }]
  });
  
  $('#button').click(function() {
      var chart = $('#container').highcharts();
  
      chart.addAxis({
          id:'secondY',            
          top:300,
          height:150
      });
  
      chart.addSeries({
          id:'adbe',
          yAxis:'secondY',
          name: 'ADBE', 
          data: ADBE
      });
      $(this).attr('disabled', true);
  
      chart.addSeries(
      // the event marker flags
          {
              type : 'flags',
              data : [{
                  x : Date.UTC(2011, 3, 25),
                  title : 'H',
                  text : 'Euro Contained by Channel Resistance'
              }, {
                  x : Date.UTC(2011, 3, 28),
                  title : 'G',
                  text : 'EURUSD: Bulls Clear Path to 1.50 Figure'
              }],
              onSeries : 'adbe',
              shape : 'circlepin',
              width : 16
          });
  
  
  
     });
  });
  </code></pre>
  
  <p>Notice that the circlepin H  and C are at the correct position of the bottom series. However, when we do a mouseover, the position of the tooltip followed the top series instead.</p>
  
  <p>Has anyone encountered the same problem before?</p>