title: Center href and image within div and remove image border
body: <p>I'm struggling with this one:</p>
  
  <pre><code>&lt;div class="center-left"&gt;               
      &lt;div class="new rounded"&gt;
      &lt;span class="inline"&gt;&lt;/span&gt;TEXT&lt;img class="make-main"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/DS63C/1/" rel="nofollow">Fiddle</a></p>
  
  <p>2 things happen here. First, I'm trying to vertically center image and text within div, which doesn't want to work very well, for some reason text is pushed to the bottom while image to the top.</p>
  
  <p>Second mystery thing that is happening is that grey frame around image, and I don't have idea where it comes from. If I use <code>&lt;img src= &gt;</code> within html with the link to the image though, grey frame disappears.</p>
  
  <p>Any help will be greatly appreciated</p>