title: CSS - vertically center an image within a floated div
body: <p>I've decided to throw in the towel on this problem and need some help :).  As per title trying to vertically align an image wrapped in an anchor element in the center of a floated fixed height div.  </p>
  
  <p>Done a lot of googling for solutions and the closet I can get is below when the div is not floated (however it needs to be).  Any ideas would be greatfully appreciated!</p>
  
  <pre><code>.class_name {
  /*float: left*/
  width:153px; 
  height:153px;
  margin:3px;
  padding:4px;
  border:1px solid #dedede;
  text-align: center;
  vertical-align: middle;
  background-color: #000;
  display: table-cell;
  }
  
  &lt;div class="class_name"&gt;
      &lt;a href=""&gt;&lt;img src="image.jpg" alt="" /&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>