title: Is it possible to center div with "absolute" parent?
body: <pre><code>&lt;style type="text/css"&gt;
  .square {
      width:251px;
      height:207px; 
      border: 1px solid #d6d6d6;
      -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
      -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
      box-shadow: 1px 1px 3px rgba(0,0,0,.1);
      margin: 10px;
      overflow: hidden;
      position: relative;
      background-color:#fff;
      /*display: inline-block;*/
      float: left;
      cursor: pointer;
      text-align: left;
  }
  .square img {
      display: block;
      margin: 0px;
      padding: 9px;
      width:234px !important;
      height:190px !important;
      position:absolute;
  }
  .square .caption {
      width:214px;
      height:170px;
      background:#000;
      color:#fff;
      padding:10px;
      position:absolute;
      left:9px;
      top:9px;
      /*display:none;*/
      filter:alpha(opacity=80);
      -moz-opacity:0.8;
      -khtml-opacity: 0.8;  
      opacity: 0.8;
  }
  .square .text{
      border:1px dotted #d6d6d6;
      margin: 10px;
      padding: 5px;
      vertical-align: center;
      max-height: 100px;
      overflow: auto;
  }
  .square .until {
      font-size: 12px;
      font-style: italic;
      position: absolute;
      right: 10px;
      bottom: 5px;
  }
  &lt;/style&gt;
  
  &lt;div class="square"&gt;
      &lt;a href="/" &gt;
          &lt;img width="234" height="190" src="files/2011/12/17.jpg"  alt="17" title="17"/&gt;
      &lt;/a&gt;
      &lt;a href="/" rel="bookmark"&gt;
          &lt;div class="caption"&gt;
              &lt;h2&gt;Half A Beatle&lt;/h2&gt;
              &lt;div class="text"&gt;lol&lt;/div&gt;
              &lt;div class="until"&gt;Until: 01 01 2012&lt;/div&gt;
          &lt;/div&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/BaJWz.png" alt="image"></p>
  
  <p>So is it possible to center div in current situation? </p>