thorben: Hintergrundpositionierung

Beitrag lesen

Ich hab schon viel mit maßen ausprobiert. Aber hier ist der Quelltext:

CSS-Ausschnitt:
/************************************************************/
/***  H E A D                                             ***/
/************************************************************/
#head {
   float: left;
   padding: 2px;
   width: 600px;
   display: block;
   color: #fcfcfc;
   text-align: right;
   background-color: #555;
}

#head ul {
list-style-type: none;
}

#head li {
   float: left;
   margin-left: 10px;
   margin-right: 5px;
   padding-left: 8px;
   background-image: url("../pix/head/headLiBg.jpg");
   background-postion: center center;
   background-repeat: no-repeat;
}

#head a {
 color: #fcfcfc;
 text-decoration: none;
 padding-left: 8px;
}

HTML-Ausschnitt:
<!-- H E A D / L O G O / B A N N E R -->
<div id="head">
   <ul>
      <li><a href="#" target="_self">Registration</a></li>
      <li><a href="#" target="_self">Rules</a></li>
      <li><a href="#" target="_self">FAQ</a></li>
      <li><a href="#" target="_self">Contact</a></li>
      <li><a href="#" target="_self">Impressum</a></li>
   </ul>
</div>

So und nun möchte ich bei dem Link das Bild "links vertikal zentriert"
haben!