Сохранить все дочерние узлы с отступом в неупорядоченном списке

Question

Я пытаюсь сделать что-то похожее на http://www.lukew.com/ff/content/simpletable1.gif. Я создал свою структуру, как это.

<ul>
    <li>Outages:
        <ul>
            <li>1 Forced</li>
            <li>1 Planned</li>
        </ul>
    </li>
    <li>Customers:
        <ul>
            <li>N/A</li>
        </ul>
    </li>
    <li>Equipment:
        <ul>
            <li>1 Breakers</li>
            <li>1 Transformers</li>
        </ul>
    </li>
</ul>

Это мой CSS.

ul li ul {
    background: #DDD;
    margin: -20px 0 0 75px;
}

Я попытался использовать список определений, однако только первое определение () будет правильно выровнено. Другие определения не будут подчиняться левому краю. Почему дочерние узлы ul не имеют отступов в браузере BB? Я использую симулятор 8330 (v4.3), но желательно, чтобы решение работало во всех браузерах BB.

Спасибо.

Answer 1

Я создал пример jsbin с вашим кодом http://jsbin.com/unaxu3

Я думаю margin не работают на 3.8 до 4.5

В BlackBerry Device Software версий от 3.8 до 4.5 браузер BlackBerry обеспечивает частичную поддержку WAP CSS.

Браузер BlackBerry поддерживает следующие модели CSS:

* Box model
      o Border properties (introduced in BlackBerry Device Software version 3.8)
      o Padding properties (introduced in BlackBerry Device Software version 4.3)

прочитайте здесь http://docs.blackberry.com/en/developers/deliverables/11844/Feature_CSS_512751_11.jsp

4.6 или более поздняя поддержка margin