title: Vertically align image while breaking out of container
body: <p>Okay, so I have various solutions for vertically aligning elements of arbitrary height within a container. All of these work when the content has a height that is smaller than the container.</p>
  
  <p>What if the content height is taller than the container? For example, say I have a container of fixed height 100px. I also have some images of various heights; I need to vertically align these so the center point of the image matches the center point of the container, like so:</p>
  
  <p>(can't upload images as I'm not reputable enough apparently) - example is here: <a href="http://gbradley.com/_images/stuff/valign.png">http://gbradley.com/_images/stuff/valign.png
  </a></p>
  
  <p>Without specifying the positions of the images manually, how can I achieve this? I feel like I'm missing something quite obvious.</p>