title: How to design a CSS for a centered floating confirm dialog?
body: <p>I'm looking for a way to display a confirm dialog that's always centered on the page, and floating over the page.</p>
  
  <p>Tried that, but it's not 'always centered' at all, since the position is fixed:</p>
  
  <pre><code>.Popup
  {
      text-align:center;
      position: absolute;
      bottom: 10%;
      left: 27%;
      z-index:50;
      width: 400px;
      background-color: #FFF6BD;
      border:2px solid black;
  }
  </code></pre>
  
  <p>Any idea?
  Thanks </p>