title: Close icon breaks in colorbox - Jquery colorbox
body: <p>I'm using color box. But the close icon breaks from the corner. Lets see the images.</p>
  
  <p><img src="https://i.stack.imgur.com/0f0BB.jpg" alt="Close Icon"></p>
  
  <p>See in the corner it gets broken. This happens with all the icons inside colorbox.</p>
  
  <p>Here is the close button css &amp; html seen with firebug.</p>
  
  <pre><code>&lt;button id="cboxClose"&gt;close&lt;/button&gt;
  
  #cboxClose {
      background: url("../img/colorbox/controls.png") no-repeat scroll -25px 0 rgba(0, 0, 0, 0);
      height: 25px;
      position: absolute;
      right: 0;
      text-indent: -9999px;
      top: 0;
      width: 25px;
  }
  </code></pre>
  
  <p>controls.png file is like this</p>
  
  <p><img src="https://i.stack.imgur.com/XcC8z.jpg" alt="controls.png"></p>
  
  <p>How can I make the round shape exactly in the middle of the button or change this icon into a more beautiful one??</p>