title: How to center an image in an img tag using CSS background position
body: <p>I am using the HTML IMG tag to source/link an image and I want to center it in a div, but I am not having much success.</p>
  
  <p>My html is:</p>
  
  <pre><code>     &lt;div class="alimgholder"&gt;
  &lt;img  title="&lt;?php echo $album_title;?&gt;" alt="&lt;?php echo $album_title;?&gt;" src="&lt;?php echo $album_pic;?&gt;"&gt;
       &lt;/div&gt;   
  </code></pre>
  
  <p>My css is:</p>
  
  <pre><code>              .alimgholder
               {
               width:160px;
               height:120px;
               overflow:hidden;
               float:left;
               }
               .alimgholder img
               {
  
               background-color: #EEEEEE;
               background-position: center 25%;
               background-repeat: no-repeat;
               display: block;
               }
  </code></pre>