css - IE8 & CSS 单项无序列表

Question

CSS 文盲在这里。我需要在页面中显示注释列表，问题是当要显示单个注释时，我必须隐藏元素符号并使其看起来像常规标签。使用 Jquery 我在只有 1 个 <li> 时向 ul 添加一个 css 类并且在 chrome/firefox 中效果相当不错(这里显示表格边框只是为了显示表格的设置方式)。

这是显示 <ul> 的 chrome 和 firefox 屏幕截图应用和不应用样式:

但是在 IE8(不知道其他版本)中 <ul>不符合..任何真的:

我正在应用于 <ul> 的样式是

ul.hidestyle {
  list-style-type: none;
  padding: 2px;
}

我尝试为 display 属性使用不同的选项，但似乎没有任何效果。任何帮助将不胜感激。

HTML

<div id="ctl00_Notes">
  <table cellpadding="2">
    <tr> 
      <td>
        <img id="ctl00_cph_WarningImage" src="../Images/orange_flag.PNG" style="border-width:0px;"/>
      </td>
      <td>
        <ul id="NotesList">
          <li>bla bla bla.</li>
          <li>something else.</li>
        </ul>
      </td>
    </tr>
  </table>
</div>

Answer 1

list-style-type 上的 MSDN age 肯定表明 none 是一个有效的选项: http://msdn.microsoft.com/en-us/library/ms530797%28v=vs.85%29.aspx

我没有 IE8 来测试，但我看到其他人同时使用“list-style-type”和“list-style-image”都没有......并且看到他们把它们都放在了ul 和 li 例如:

ul.hidestyle {
  list-style-type: none;
  list-style-image: none;
  padding: 2px;
}
ul.hidestyle li {
  list-style-type: none;
  list-style-image: none;
}

它可能行不通，但......值得一试吗？