* html a {width: 100%} führt in <table> zu Problem mit border

[Mathetyp]

Guten Tag

Ich brauchte schon eine ganze Weile, um herauszufinden was eigentlich mein genaues Problem ist. Nun weiß ich es und kann es nicht optimal lösen. Also frage ich euch.

Ich habe das Problem auf das wesentliche reduziert und hochgeladen. Es geht hier nur um den Internet Explorer (hab nur die 6 versucht). Also im Firefox u.Ä. könnt ihr sehen, wie es sein sollte.

Der Code (noch mehr gekürzt):

  
<table>  
  <tr>  
    <td class="link"><a href="#">test1</a></td>  
    <td class="text">test2</td>  
  </tr>  
  <tr>  
    <td class="link"><a href="#">test3</a></td>  
    <td class="text">test4</td>  
  </tr>  
</table>  

  
.link {  
  width: 14em;  
  padding: 0;  
  border-bottom: 1px dotted #9F91A2;  
}  
  
.link a:link, .link a:visited {  
  padding-left: 1em;  
  margin: 0;  
  display: block;  
}  
  
* html .link a {  
  width: 100%;  
}  
  
.text {  
  padding-left: 1em;  
}  

Das Problem ist, dass der Internet Explorer * html a {width: 100%} so interpretiert, dass der link sich samt border-bottom bis zum Beginn des Textes in .text ausdehnt und nicht nur bis zum Beginn der Zelle .text .

Kann man das umgehen? Wenn ja, wie?

MfG Mathetyp