title: BeautyTips bad stroke rendering
body: <p>I'm using BeautyTips the first time and set the plugin options like this:</p>
  
  <pre><code>$('.info').bt({
                  width: 230,
                  positions: 'right',
                  fill: '#fff',
                  cornerRadius: 0,
                  strokeWidth: 3,
                  strokeStyle: '#e95d0f',
                  spikeLength: 9,
                  spikeGirth: 17,
                  overlap: -10,
                  cssStyles: {
                      color: '#787887',
                      padding: '10px 15px'
                  },
                  hoverIntentOpts: {
                      interval: 200
                  },
                  showTip: function(tip) {
                      $(tip).fadeIn(400);
                  },
                  hideTip: function(tip) {
                      $(tip).fadeOut(200);
                  }
              });
  </code></pre>
  
  <p>It should look like the following:</p>
  
  <p><img src="https://i.stack.imgur.com/05PeF.gif" alt="tooltip correct"></p>
  
  <p>But gets rendered like this:</p>
  
  <p><img src="https://i.stack.imgur.com/9XkFe.gif" alt="tooltip rendered wrong"></p>
  
  <p>(top stroke is 2px instead of 3px and spike is cropped)</p>
  
  <p>I have the latest version 0.9.5-rc1.
  Does anyone know a fix for that?</p>
  
  <p>Greets Simon</p>