title: True Center Vertical and Horizontal CSS Div
body: <p>How is it possible to create a true center CSS div cross browser for example to use within a holding page?</p>
  
  <p>I have tried this 2007 css trick -  <strong><a href="http://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/">How To Center an Object Exactly In The Center</a></strong> but as you can see from my <a href="http://jsfiddle.net/P4RVD/"><strong>JSFiddle</strong></a> of the code its not 100% center.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="center"&gt;
    &lt;p&gt;Text&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.center{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -100px;
    border:5px solid black;
  }
  </code></pre>