Liste bordure pleine taille

Question

J'ai rencontré un problème avec les listes css +.

Pour ma liste j'ai le code suivant:

<ul class="subMenuUL"> 
    <li>SUBMENU ITEM 1</li> 
    <li>SUBMENU ITEM 2</li> 
    <li>SUBMENU ITEM 3</li> 
    <li>SUBMENU ITEM 4</li> 
    <li>SUBMENU ITEM 5</li> 
    <li>SUBMENU ITEM 6</li> 
    <li>SUBMENU ITEM 7</li> 
</ul> 

Avec le CSS:

.subMenuUL 
{ 
    margin-left: 20px; 
    width: 250px; 
} 

.subMenuUL li 
{ 
    border-top: 1px solid #edbb98; 
    color: #5f5f5f; 
} 

Le problème est que je veux la frontière pour étendre au-dessus de l'image de la liste, mais il va seulement sur le texte. Y a-t-il un moyen de résoudre cela pour que la frontière s'étende vers la gauche?

Answer 1

Utilisation:

.subMenuUL li { 
    border-top: 1px solid #edbb98; 
    color: #5f5f5f; 
    list-style-position: inside; 
}