title: qTip2 IE8 Rounded corner
body: <p>I am using <a href="http://craigsworks.com/projects/qtip2/" rel="nofollow noreferrer">qTip2</a> in my application. The tooptipfication I am achieving through the following jQuery:</p>
  
  <pre><code>$(this).qtip({
          style: {
              tip: {
                  corner: true,
                  width: 10,
                  height: 5
              },
              classes: 'ui-tooltip-rounded ui-tooltip-shadow ui-tooltip-tipsy'
          },
          position: {
              my: 'bottom left',
              at: 'top right',
              adjust: {
                  x: -10,
                  y: 0
              }
          },
          events: {
              show: function (event, api) {
                  $('.ui-tooltip-content').addClass('ui-tooltip-center');
              }
          },
          show: {
              effect: function (offset) {
                  $(this).show();
              }
          },
          hide: {
              effect: function (offset) {
                  $(this).hide();
              }
          }
  });
  </code></pre>
  
  <p>Now it is rendering in:</p>
  
  <ul>
  <li>Firefox: <img src="https://i.stack.imgur.com/fLQGu.png" alt="enter image description here"></li>
  <li>IE8: <img src="https://i.stack.imgur.com/Yq85i.png" alt="enter image description here"></li>
  </ul>
  
  <p>As you can see the rounded corner is gone in IE8; also the adjustment of the Tip of x, y is not working. I am in search for a solution for this particular problem of qTip2. Is there any way solve this?</p>
  
  <p>Are there any better Tooptip Library available which don't have this kind of problem?</p>