title: Vertically Align Fixed Size Div
body: <p>I have read all the other questions on Stackoverflow related to this topic, and none seem to fix my issue. </p>
  
  <p>I have a nav bar at the top of my page that is fixed to the top left corner then a div in the centre containing an image and some texts.</p>
  
  <p>My content is as so:</p>
  
  <pre><code>&lt;div class="center"&gt;
      &lt;div id="logo"&gt;&amp;nbsp;&amp;nbsp; &lt;a class="home" href="index.html"&gt; &lt;img class="noborder" src="images/logocat.png" alt="" /&gt; &lt;/a&gt; 
      &lt;/div&gt;
      &lt;div id="top"&gt;
          &lt;p class="toptext"&gt;TEXT&lt;/p&gt;
      &lt;/div&gt;
      &lt;div id="contact"&gt;
          &lt;table border="0" align="center"&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;a href="http://be.net/crookedcartoon"&gt;&lt;/td&gt;
                &lt;td&gt;&lt;p class="contact-text1"&gt; CROOKEDCARTOON@GMAIL.COM &lt;/p&gt;
                  &lt;p class="contact-text2"&gt; Alex: TEXT &lt;/p&gt;&lt;/td&gt;
                &lt;td&gt;&lt;a href="2014.html"&gt;&lt;img class="noborder" src="images/seriesindex.jpg" onmouseover="this.src='images/serieshover.jpg'" onmouseout="this.src='images/seriesindex.jpg'" alt="" /&gt;&lt;/a&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
      &lt;div id="about"&gt;
          &lt;p class="content-text-index"&gt;TEXT&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS for the mentioned <code>div</code> is:</p>
  
  <pre><code>.center {
      height: 984px;
      width: 504px;
      position:absolute;
      top:50%;
      left:50%;
      margin-top:-492px;
      margin-left:-257px;
      padding:0px;
  }
  </code></pre>
  
  <p>It wont centre vertically or horizontally there is no div or wrapper surrounding this div, or any conflicting css (as far as im aware) and it's becoming a pain.</p>
  
  <p>Can anyone suggest a fix? I have tried the half margin/width etc idea and that is what is displayed above.</p>