Второй класс CSS не работает в IE8

Question

У меня есть следующий div, отображаемый клиенту, но в IE класс checked-yes игнорируется. Если я просматриваю целевой элемент в «Инструментах разработчика», этот класс полностью отсутствует на панели Style . Класс shift-item-present относится к стороне сервера, а класс клиента checked-yes, в зависимости от атрибута present родительской строки, также показан ниже.

<td><div class="shift-item-present checked-yes" jQuery1272958392665="94"/></td>

Родительский ряд:

<tr class="shift-item" id="ctl00_mainContentPlaceHolder_ctl00_shiftList_ctl01_shiftRow" present="True" shift-id="641" jQuery1272958392665="64">

Страница отлично работает в FF. Вот CSS, оба в одном файле:

.shift-item-present
{
    top: 2px;
    left: 2px;
    height: 12px;
    width: 20px;
    background-repeat: no-repeat;
    background-position: center right;
}

.checked-yes
{
    background-image: url('../Images/Icons/checked-yes-xs.png');
}

Answer 1

Internet Explorer не поддерживает XHTML!Даже не IE8.Так что он не поддерживает самозакрывающиеся элементы.Используйте <div></div>, а не <div/>.

Answer 2

Это может произойти, когда IE8 отображает страницу в режиме Quirks. Попробуйте установить правильный DOCTYPE.