title: Table problems with WebKit
body: <p>I'm having trouble getting this code to show up correctly in WebKit browsers(chrome/safari). It looks fine in IE6, IE7, and FireFox. </p>
  
  <pre><code>&lt;table width="100%"&gt;
      &lt;tr&gt;
          &lt;td rowspan="2" style="vertical-align:middle;"&gt;
              &lt;a href="http://http://{$smarty.const.DOMAIN}/company/a_cherry_on_top/line/gift_cards/?v=s2"&gt;&lt;img src="/i/thumbnails/acotgc25sm.gif" alt="Gift Certificate"/&gt;&lt;/a&gt;
          &lt;/td&gt;
  
          &lt;td style="vertical-align:middle;"&gt;
              &lt;a href="http://{$smarty.const.DOMAIN}/article?a=2044" target="_top"&gt;Wishlist&lt;/a&gt;
          &lt;/td&gt;
          &lt;td style="vertical-align:middle;"&gt;
              &lt;a href="http://{$smarty.const.DOMAIN}/article?a=2125" target="_top"&gt;Link to Us&lt;/a&gt;
          &lt;/td&gt;
          &lt;td style="vertical-align:middle;"&gt;
              &lt;a href="http://www.shareasale.com/shareasale.cfm?merchantID=8362" target="_blank"&gt;Affiliate Program&lt;/a&gt;
          &lt;/td&gt;
          &lt;td style="vertical-align:middle;"&gt;
              &lt;a href="http://{$smarty.const.DOMAIN}/article?a=1521" target="_top"&gt;Privacy&lt;/a&gt;
          &lt;/td&gt;
          &lt;td style="vertical-align:middle;"&gt;
              &lt;a href="http://{$smarty.const.DOMAIN}/article?a=1395" target="_top"&gt;Guarantee&lt;/a&gt;
          &lt;/td&gt;
  
          &lt;td rowspan="2" style="width:160px;"&gt;
              &lt;script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&amp;up_source_language=en&amp;w=160&amp;h=60&amp;title=&amp;border=&amp;output=js"&gt;&lt;/script&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style="vertical-align:middle;"&gt;
              &lt;a href="http://{$smarty.const.DOMAIN}/article?a=3069" target="_top"&gt;About Us&lt;/a&gt;
          &lt;/td&gt;
          &lt;td style="vertical-align:middle;"&gt;
              &lt;a href="http://{$smarty.const.DOMAIN}/article?a=1467" target="_top"&gt;Shipping&lt;/a&gt;
          &lt;/td&gt;
          &lt;td style="vertical-align:middle;"&gt;
              &lt;a href="http://{$smarty.const.DOMAIN}/article?a=12342383" target="_top"&gt;Why Buy From Us&lt;/a&gt;
          &lt;/td&gt;
          &lt;td style="vertical-align:middle;"&gt;
              &lt;a href="http://{$smarty.const.DOMAIN}/article?a=1397" target="_top"&gt;Contact Us&lt;/a&gt;
          &lt;/td&gt;
          &lt;td style="vertical-align:middle;"&gt;
              &lt;a href="http://{$smarty.const.DOMAIN}/help" target="_top"&gt;Help&lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The problem is that WebKit makes the top row very small and the bottom row fill in the rest of the space instead of each row having an equal height.</p>
  
  <p>Anyone have any ideas of how to make it show up how I want it to in WebKit based browsers?</p>