IE 7 CSS float問題

Question

我遇到了與我的mandatoryIndi​​cator類星號有關的問題，以及它們在IE7中的外觀。出於某種原因，星號幾乎出現在表格上方的City：標籤上，但在Firefox和IE 8及更高版本中看起來很好。我也包含了HTML的受影響部分。任何幫助將不勝感激。

.mandatoryIndicator { 
    margin: 0 0 0 -.75em; 
    padding: 0 4px 0 2px; 
    color: #cc0000; 
    font-weight: bold; 
    float: left; 
    position: relative; 
} 

<td class="alignTop width35"> 
    <label for="mailingCityEntry"> 
     <span class="mandatoryIndicator" title="Mandatory">*</span> 
     City: 
    </label> 
</td> 

Answer 1

儘量不要在CSS中使用negative value來margin。這總是會在IE7中產生樣式問題。無論如何，你不應該使用位置：內聯元素的相對值（span）。它僅用於塊級元素i.e. div以包含其他元素。