title: Highstock flag position not correct for yAxis with top set
body: <p>Here seems highstock is not working as expected</p>
  
  <p><a href="http://jsfiddle.net/gCuLJ/1/" rel="nofollow">http://jsfiddle.net/gCuLJ/1/</a></p>
  
  <p>I simply created a highstock chart with yaxis with fixed top and height.</p>
  
  <p>Then i added a new y-axis with top and height set as to stack the chart below the first one.</p>
  
  <p>Now i set some flags on the second y-Axis series.</p>
  
  <p>Flags are showing somewhere on first y-Axis series.</p>
  
  <p>add button handler code:</p>
  
  <pre><code>$('#button').click(function() {
      var chart = $('#container').highcharts();
  
      chart.addAxis({
          id:'secondY',            
          top:300,// making this 140 positions flags correctly
          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>