CSSテーブルの幅と右揃えが機能しない

Question

これはFireFoxのテーブルです。ユーザー名を含む中央の列は幅が広く、編集リンクは右揃えであることに注意してください。

これはIE7とIE8です：

ここでのHTMLです：

<fieldset > 
    <legend>Account Information</legend> 
    <table class="display-table"> 
     <tr> 
      <td class="display-label"> 
       <label for="UserName">Username</label> 
      </td> 
      <td class="display-field-middle"> 
       user7 
      </td> 
      <td class="display-field-right"> 
       <a class="" href="/test1/Account/ChangeUserName">edit</a> 


      </td> 
     </tr> 
     <tr> 
      <td class="display-label"> 
       <label for="Password">Password</label> 
      </td> 
      <td class="display-field-middle"> 
       ********* 
      </td> 
      <td class="display-field-right"> 
       <a class="" href="/test1/Account/ChangePassword">edit</a> 
      </td> 
     </tr> 
    </table> 
    </fieldset> 

これは、継承されたスタイルのFirebugの表示です：

.display-table 
{ 
    border-collapse:collapse; 
    width: 400px; 
} 

.display-label 
{ 
    white-space: nowrap; 
    vertical-align:middle; 
    width: 120px; 
} 

.display-field-middle 
{ 
    width: 200px; 
    background-color: #dfeffc; 
    vertical-align:middle; 
    height: 30px; 
    padding-left: 5px; 
    padding-right: 5px; 
} 


.display-field-right 
{ 
    width: 50px; 
    background-color: #dfeffc; 
    vertical-align:middle; 
    height: 30px; 
    padding-left: 5px; 
    padding-right: 5px; 
    text-align: right; 
} 

なぜ拡大真ん中の列ではありません、なぜ編集リンクは右揃えされていません。ここで

は、スタイルシートのですか？ 私はすべてを試しました！

Answer 1

私が間違ってテストしていたことが判明し、そのページはいつも動いていました。 ：