Roland: Hohes Bild in UL - Text oben ausrichten?

Hallo,

ich habe eine Grafik mit 38x39 Pixel Größe. Diese wird für die Listenelemente einer UL verwendet. Hier mein Code:

CSS (ausgelagert):

UL.csc-bulletlist-1 {
 LIST-STYLE-IMAGE: url(list_ohren.jpg);
 list-style-position:inside;
 width: 800px;
}
UL.csc-bulletlist-1 LI {

}

HTML:

<HTML lang=de-DE xml:lang="de-DE" xmlns="http://www.w3.org/1999/xhtml">
<HEAD><TITLE>faszination-hoeren: Schutz</TITLE>
<LINK title="" media="screen" href="faszination-hoeren%20Schutz-Dateien/main.css" type="text/css" rel="stylesheet">
</HEAD>
 <BODY>
 <H2>Sieben Tipps zum Schutz des Gehörs</H2></DIV>
 <UL class="csc-bulletlist csc-bulletlist-1">
   <LI><STRONG>Wenn Sie ein Rockkonzert oder eine Disko besuchen, vergessen Sie
   die Ohrstöpsel nicht. Stellen Sie sich nicht in die Nähe von Lautsprechern und
   gönnen Sie Ihren Ohren auch während des Konzerts von Zeit zu Zeit eine
  Ruhepause.</STRONG></LI>
   <LI>Stellen Sie den Fernseher, die Stereoanlage, das Autoradio oder den
   MP3-Player leiser. Auch bei der Verwendung von Kopfhörern sollten Sie auf die
   Lautstärke achten.</LI>
 </UL>
 </BODY>
</HTML>

Danke für jede Hilfe.

  1. Ist erledigt; Trick ist mit background-image zu arbeiten:

    UL.csc-bulletlist-1 {
     list-style-position:outside;
     width: 500px;
     list-style-type:none;
    }

    UL.csc-bulletlist-1 LI {
     background-image:url(list_ohren.jpg);
     background-repeat: no-repeat;
     padding-left:40px;
     padding-bottom:20px;
    }