title: Vertical-align is not working in safari and chrome
body: <pre><code>&lt;div class="commentator grid_3"&gt;
      &lt;img src="http://img.gawkerassets.com/img/183mxcnx46v2cjpg/avt-large.jpg" alt="commentator"&gt;
      &lt;span class="commentator-name"&gt;&lt;a href="#"&gt;Joshua&lt;/a&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So I set commentator-name vertical-align to Top.It works in firefox but not in chrome and safari.
  Can someone help me out??I dont want to use position absolute when I have a perfect choice...</p>