IE8 и CSS для одного элемента неупорядоченного списка

Question

CSS неграмотен здесь.Мне нужно отобразить список заметок на странице, проблема в том, что когда нужно отобразить одну заметку, мне нужно скрыть маркеры и сделать их похожими на обычную метку.Используя Jquery, я добавляю класс css в ul, когда есть только 1 <li>, и результаты достаточно хороши в chrome / firefox (граница таблицы отображается здесь только для того, чтобы показать, как настроена таблица).

Вот скриншот Chrome и Firefox, показывающий <ul> с примененным стилем и без него:

Однако в 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

Возраст MSDN для типа стиля списка определенно указывает, что ни один из них не является допустимым параметром http://msdn.microsoft.com/en-us/library/ms530797%28v=vs.85%29.aspx

У меня нет IE8 для тестирования, но я видел, как другие люди используют как "list-style-type", так и "list-style-image" none ... и видел, как они ставили его на 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;
}

Это может не сработать, но ... стоит попробовать?