Conserver tous les nœuds enfants en retrait dans la liste non ordonnée

Question

J'essaie de faire quelque chose de similaire à http://www.lukew.com/ff/content/simpletable1.gif. J'ai créé ma structure comme ça.

<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> 

Ceci est mon CSS.

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

J'ai essayé d'utiliser une liste de définition mais seule la première définition() serait correctement alignée. Les autres définitions n'obéiraient pas à la marge de gauche. Pourquoi les nœuds enfants ne sont-ils pas mis en retrait sur le navigateur BB? J'utilise le simulateur 8330 (v4.3) mais préfèrerais de préférence une solution qui fonctionne sur tous les navigateurs BB.

Merci.

Answer 1

J'ai créé jsbin exemple avec votre code http://jsbin.com/unaxu3

Je pense que margin ne fonctionnent pas sur 03.08 à 04.05

Dans BlackBerry Device Software version 03.08 à 04.05, le navigateur BlackBerry prend en charge partielle pour le WAP CSS.

Le navigateur BlackBerry prend en charge les modèles CSS suivants:

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

lire ici http://docs.blackberry.com/en/developers/deliverables/11844/Feature_CSS_512751_11.jsp

4.6 ou versions ultérieures prennent en margin