Icone per submenu di un drop down list

[Luca_pluatrco]

Ciao ,

vorrei realizzare un menu a due livelli in cui sulla parte sx dei sub menu vi sia un'icone con uno sfondo. Sia il colore dello sfondo che l'icona dovrebbero poter essere modificabili (escludento quindi di usare icone con tutte lo stesso sfondo desiderato.

Il risultato che vorrei ottenere è mostrato nell'immagine in allegato ed il codice che dovrei usare è presentato QUI.

Qual è il miglior approccio? Al momento ho provato così:

.side_col
{
	background-color:yellow;
	float:left;
	height:100%;
	width: 30px;	
}

.side_col img
{
		vertical-align:top;
		margin: 0 auto;		
}

/**************************************************/

<ul>[*]
      <span class="side_col">
          [img]...[/img]
      <span>
      <a href="#">sub Link<a />
  [/list]

Ma poi per via del padding degli elementi li il risultato è deludente.
Sapreste darmi qualche consiglio?
Grazie

[Mich_]

Il padding lo puoi gestire facilmente tramite i CSS, quindi la tua considerazione non ha senso.

Pero` nel tuo caso io userei una lista di definizione:

<dl id="edit">
  <dt><a href ...><img ... /></a></dt>  
  <dd><a href ...>edit ...<span>commento</span></a>
</dl>
<dl id="create"> ...ecc

Naturalmente poi dt avra` float, width, height; dd avra` float. Il dl avra` il clear.
Ho diviso i vari pezzi in blocchi di dl per poterci dare un id (oppure class, se preferisci) in modo da poter assegnare l'immagine corretta.