title: Bootstrap PopConfirm popovers don't show above a <div> where overflow:hidden
body: <p>I'm using Bootstrap 3.1.1 and the <a href="https://github.com/AnaelFavre/PopConfirm" rel="nofollow noreferrer">PopConfirm plug-in</a> to provide confirmations before submitting a form.</p>
  
  <p>When a regular Bootstrap popover is called from a button inside a <code>&lt;div&gt;</code> where the CSS has been set to <code>overflow:hidden;</code> it properly displays the entire popover above the <code>&lt;div&gt;</code> from inside which it was called:</p>
  
  <p><img src="https://i.stack.imgur.com/CGBpG.png" alt="happy popover"></p>
  
  <p>But, when a PopConfirm popover is called from a button inside a <code>&lt;div&gt;</code> where the CSS has been set to <code>overflow:hidden;</code> it is not properly shown above the <code>&lt;div&gt;</code> from where it was called:</p>
  
  <p><img src="https://i.stack.imgur.com/TF9Ug.png" alt="sad popconfirm popover"> (<a href="http://jsfiddle.net/bhall7x/Y4t8a/1/" rel="nofollow noreferrer">http://jsfiddle.net/bhall7x/Y4t8a/1/</a>)</p>
  
  <p>Is there a way to somehow get the PopConfirm popover to display above all other elements, even if the <code>&lt;div&gt;</code> from which it was called is set to <code>overflow:hidden;</code>?</p>
  
  <p>See also: <a href="https://github.com/AnaelFavre/PopConfirm/issues/4" rel="nofollow noreferrer">https://github.com/AnaelFavre/PopConfirm/issues/4</a></p>