[Resolvido] Manipular list de todas as formas possiveis

Olá,

Estou com dificuldades na hora de modificar os elementos da lista. Tipo, quando coloco uma imagem de fundo em Li ela oculpa todo o espaço mais se coloco uma cor ela ocupa apenas o espaço do texto.

Tentei fazer a estrutura do html para que possa mexer de diversas formas, e editar elemento por elemento mais não sei se fiz certo.

meu codigo é este:

<div id="menu">
 <ul class="cat">

 <li id="c13"><a href="#">Categoria 1</a>
 <ul class="subcat">
 <li id="s16"><a href="#">Sub 1</a></li>
 <li id="s17"><a href="#">Sub 2</a></li>
 <li id="s18"><a href="#">Sub 3</a></li>
 <li id="s19"><a href="#">Sub 4</a></li>

 </ul>
 </li>
 <li id="c14"><a href="#">Categoria 2</a>
 <ul class='subcat'>
 <li id="s22"><a href="#">Sub 1</a></li>
 <li id="s21"><a href="#">Sub 2</a></li>
 </ul>
 </li>
 <li id="c16"><a href="#">Categoria 3</a> </li>

 <li id="c15"><a href="#">Prueba</a>
 <ul class='subcat'>
 <li id="s23"><a href="#">Sub 1</a></li>
 </ul>

 </li>
 </ul>

</div>

Se quero modificar o elemento LI que tem a class Subcat como eu tenho que fazer?

Eu tentei de diversas formas mais não consegui.

Obrigado