vertical-align in una lista con heigth fissa.

[Mel.82]

Ho un problema: ho una lista così:
http://melscauldron.altervista.org/lista.htm

E devo allineare al centro verticalmente il testo. Come posso fare??

La lista è fatta così: (notare che l'immagine fa parte del link)

<div id="lista">
  <ul>[*]
      [img]kubrickbgcolor.jpg[/img] Text1 
    [*]
      [img]kubrickbgcolor.jpg[/img] Text2 
    [*]
      [img]kubrickbgcolor.jpg[/img] Text3 long enought to wrap
    [/list]
</div>

E questo è il foglio di stile che sto usando:

#lista {
  background-color: #003600;
  border: 3px dashed #555555;
  width: 190px;
  margin: 5px;
  padding: 5px;
  text-align: center;
}
#lista ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}
  
#lista li {
  display: block;
  margin-top: 3px;
  margin-bottom: 3px;

}

#lista li a {
  padding: 3px;
  height: 45px;
  display: block;
  background-color: #505050;
  color: #fff;
  text-decoration: none;
  border: 1px dotted #fff;
  font-weight: bold;
}

#lista li a:hover {
  background-color: #606060;
  background-image: none;
  color: #990033;
}

#lista img {
  border: 0;
  height: 45px;
  width: 45px;
  float: left;
  margin-right: 5px;
  vertical-align: middle;
}