title: HighChart Tooltip word-break issue
body: <p>I searched a lot but i am not finding any suitable solution to my problem. I am using HighChart plugins to create pie chart as well as bar chart. </p>
  
  <p>My problem is, after hovering on any bar chart or pie chart default tool-tip appears, in that i want to use css property  <strong>word-break</strong> &amp; <strong>white-space</strong> in that tooltip. Right now the text getting cut if it goes outside of container width.</p>
  
  <p>I tried overwriting the <strong>.highcharts-tooltip</strong> css but is not working.
  See in example, hover on blue &amp; black slice you will get to know the issue i am facing. </p>
  
  <pre><code>.highcharts-tooltip {
  word-break: break-word !important;    
  white-space: normal !important;   
  </code></pre>
  
  <p>}</p>
  
  <p>Here is   <a href="http://jsfiddle.net/6mk3S/107/" rel="nofollow">JsFiddle</a></p>
  
  <p>Any help is Appreciated.</p>
  
  <p>Thanks In Advance</p>