html - List full size border -

i've run problem css + lists.

for list have following code:

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

with css:

.submenuul {     margin-left: 20px;     width: 250px; }  .submenuul li {     border-top: 1px solid #edbb98;     color: #5f5f5f; } 

the problem want border extend above list image, goes on text. there way solve cause border extend left?

use:

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