title: Div Alignment inside a <td>
body: <p>I have a <code>&lt;td&gt;</code> like this</p>
  
  <pre><code>&lt;td valign="middle" class="table_td td top" style="width: 347px"&gt;  
  &lt;div id="Style" style="position:absolute;"&gt;
       &lt;img src="images/additional-keywords-image.gif" style="background: middle right;"&gt;
  &lt;/div&gt; 
  &lt;span class="feature_text" style="cursor:pointer;" onmouseover="ShowPicture('Style',1)" onmouseout="ShowPicture('Style',0)" id="a1"&gt; Featured Merchant Ad  &lt;/span&gt;&lt;br /&gt;
  &lt;span class="feature_text_small"&gt;(Merchant Ad in Home Page,&lt;br /&gt;  for valuable Site Exposure)&lt;/span&gt;  
  </code></pre>
  
  <p>  </p>
  
  <p>Div id="Style" has image  bigger than the <code>&lt;td&gt;</code>. AIm is to show the image in div when the moveover happens on the first span. The image shows up fine. But, i want the vertical center of div picture to be at the span with id= "feature_text" and has text "Featured Merchant Ad". I have tried but could not succeed. Where am i doing wrong?</p>