title: Highcharts pie tooltip cuts off
body: <p>I am using Highcharts to generate a pie chart. It is generating it fine but the problem is that I have a fixed area to display the chart and the tooltip has large amount of text.</p>
  
  <p>The tooltip is too large to fit inside the chart div, how can I fix this?</p>
  
  <pre><code>$(function () {
      var chart;
      $(document).ready(function () {
          chart = new Highcharts.Chart({
              chart: {
                  renderTo: 'ER_inpatient_stay',
                  plotBackgroundColor: null,
                  plotBorderWidth: null,
                  marginTop: 0,
                  plotShadow: false,
                  backgroundColor: 'none',
              },
              legend: {
                  layout: 'vertical',
                  align: 'left',
                  borderColor: '#fff',
                  itemMarginTop: 30,
                  verticalAlign: 'top',
                  x: 70,
                  y: 0
              },
              title: {
                  text: ''
              },
              tooltip: {
                  userHTML: true,
                  style: {
                      padding: 10,
                      width: 250,
                      height: 60,
                  },
                  formatter: function () {
                      return this.point.residents;
                  },
              },
              exporting: {
                  enabled: false
              },
              credits: {
                  enabled: false
              },
              plotOptions: {
                  pie: {
                      allowPointSelect: true,
                      cursor: 'pointer',
                      dataLabels: {
                          formatter: function () {
                              return this.point.y;
                          },
                          color: 'white',
                          distance: -10
                      },
                      showInLegend: true,
                      tooltip: {}
                  }
              },
              series: [{
                  type: 'pie',
                  size: 80,
                  name: '',
                  data: [{
                      'name': 'E/R Visits',
                          'y': 1,
                          'residents': "fMonroe Monroe",
                          'color': '#FA3D19'
  
                  }, {
                      'name': 'Inpatient Stay',
                          'y': 21,
                          'residents': "fGinanni Ginanni, fJobs Jobs, fMonroe Monroe, fDickerson Dickerson, fBrown Brown, fHerter Herter, fDavidson Davidson, fFernbach Fernbach, fGentry Gentry, fJones Jones, fKostic Kostic, fnewresident lnewresident, fLogger Logger, fMaxwell Maxwell, fMcGuire McGuire, fMiller Miller, fO'Farrell O'Farrell, fProgram Program, fProgram2 Program2, frer rer",
                          'color': 'orange'
                  }]
              }]
          });
      });
  })
  </code></pre>
  
  <p>Fiddle: <a href="http://jsfiddle.net/faridu86/syrF6/" rel="nofollow">http://jsfiddle.net/faridu86/syrF6/</a> </p>