title: valign middle not working
body: <p>Not sure why the <code>valign="middle"</code> not working here.  Can someone please help me out with what is missing here.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table id="my_table"  style="width:100%;height:450px" cellpadding="0" cellspacing="0"&gt;
    &lt;tr&gt;
       &lt;td width="5%" valign="middle"&gt;
          &lt;div id="left_arrow" align="center"&gt;
              &lt;img  src='./button/3.png' id='leftArrow' /
          &lt;/div&gt;
       &lt;/td&gt;
       &lt;td width="60%" valign="middle" &gt;
           &lt;div id="left_table" &gt;
             &lt;div id="holder" &gt;
               &lt;img  src=".images/3.jpg" id="slideshow" /&gt;
             &lt;/div&gt;
           &lt;/div&gt;
       &lt;/td&gt;
       &lt;td width="5%"  valign="middle"&gt;
           &lt;div id="right_arrow" align="center"&gt;
             &lt;img  src='./button/2.png' id='rightArrow' /&gt;
           &lt;/div&gt;
       &lt;/td&gt; 
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>