title: How to position image in the center/middle both vertically and horizontally
body: <pre><code>&lt;div id="photo_leftPanel" style="float: left; width: 604px; position: relative;"&gt;
  &lt;img src="bla.jpg"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can i make the image start from the middle of this box? (middle both vertical and horizontal)</p>