IE 7 CSS浮动问题

Question

我的mandatoryIndi​​cator类星号及其在IE7中的外观存在问题。出于某种原因，星号几乎出现在城市的顶部：表格中的标签，但在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中产生样式问题。无论如何，你不应该使用position：relative作为内联元素（span）。它仅用于块级元素i.e. div，以包含其他元素。