title: Prevent valign='middle' from being overridden by stylesheet declaration?
body: <p>I have a table like this:</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;&lt;td valign='middle'&gt;&lt;a href='#'&gt;Link&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;img src='img.png'&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>And a stylesheet like this:</p>
  
  <pre><code>a {
    vertical-align: baseline;
  }
  
  td a {
    vertical-align: default;
  }
  </code></pre>
  
  <p>I'm trying to get my link to be veritcally aligned, but because of my initial <code>vertical-align: baseline</code> declaration (which I cannot change) the <code>valign</code> attribute is ignored.  I'd like to fix this in the stylesheet under the <code>td a</code> selector.  How can I fix this?</p>
  
  <p>(I am testing this in Chrome 12)</p>