title: center image vertically and horizontally
body: <p>I typically use content above a <code>div</code> to push everything down. This project needs one single image centered horizontally and vertically with nothing else.  </p>
  
  <p>My searches turned up lots of results, but I've mixed and matched to no avail.  Care to help?</p>
  
  <p>Here's the simple HTML</p>
  
  <pre><code>&lt;div id="entpa"&gt;
      &lt;section id="mainContAPos"&gt;
      &lt;/section&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's my CSS</p>
  
  <pre class="lang-css prettyprint-override"><code>body{
    background-color: #0D0D0D;
  }
  
  #entpa{
    position: absolute;
  }
  
  #mainContAPos{
    position: fixed;
    vertical-align: middle;
    background-image: url('frontpage1366.png');
    width: 1366px;
    height: 768px;
    border: 8px solid #FFF4CF;
    border-radius: 16px;
  }
  </code></pre>