title: css min-width and min-height not working
body: <p>I'm redesigning my website, and at the moment I'm just blacking out the layout. I have a class that centres everything:</p>
  
  <pre><code>.centre
  {
  position:absolute;
  left:50%;
  top:50%;
  }
  </code></pre>
  
  <p>everything is then offset using a margin.</p>
  
  <p>I have a wrapper that gives the min-height and min-width</p>
  
  <pre><code>#wrapper {
  position:relative;
  left:0px;
  top:0px;
  min-height:600px;
  min-width:600px;
  }
  </code></pre>
  
  <p>The min-width and min-height both do their job but for some reason after this wrapper is applied the website is no longer centered vertically.
  You can see the website here: <a href="http://testerwebby.tumblr.com/" rel="nofollow">http://testerwebby.tumblr.com/</a>
  <br>
  <br>
  I'm wondering what's the cause of this, and what's the solution.
  <br>
  Thanks,
  <br>
  Dillon Brannick.</p>