title: vertical align an image in IE 6
body: <p>I want to vertically middle an image. Following code works fine with all browsers accept IE6 and audience of my site is going to use IE6. </p>
  
  <p>How can i vertically middle this image in internet explorer 6??</p>
  
  <pre><code>&lt;div id="galleryImage"&gt;&lt;div id="imgContainer"&gt; &lt;img src='' alt='' /&gt; &lt;/div&gt;&lt;/div&gt;
  
  #galleryImage{
  width:668px;
  height:668px;
  border:solid 1px #c0c0c0;
  overflow:hidden;
  float:left;
  line-height:668px;
  text-align:center;
  }
  #imgContainer{
      display:inline;
          height:668px;
      line-height:668px;
  
  }
  </code></pre>