Listen-Bullets stehen über. Warum?

[mattfi]

Hallo ForumsteilnehmerInnen,

ich bräuchte mal kurz die Hilfe von jemandem. Ich kriege eine falsche Ausgabe, verstehe aber nicht warum.

Auf meiner Seite, z.B. http://www.nexus-solutions.de/Technische_Kommunikation_1987.php
befindet sich ein Bild:

<p class="first"><img class="box" src="Images/SPORT_Rowers.gif"></p>

Drum herum fließt Text, völlig ok -- bis auf die Listen:

<ul>
 <li><em>TechDoc</em>: Bediener- / Werkstattliteratur etc.</li>
 <li><em>Produkt- und Ersatzteilkataloge</em>: Print † Online</li>
 <li><em>Übersetzung</em> und <em>Lokalisierung</em>: Software † Webseiten</li>
</ul>

--------------------------------------------------------

Das CSS enthält verschiedene Anweisungen
1.) Für <p>, <p.first> und <ul>:

p, ul, ol, dl, h1, h2, h3, h4, h5
{ font-family:Geneva,Arial,Helvetica,sans-serif;
  margin-bottom:5pt;
  text-align:left;
  line-height:1.4; }
p, ul, ol, dl
{ color:#000000;
  font-size:9pt;
  margin-top:5pt; }
p.first
{ margin-top:-2.5pt }
ul
{list-style-image:url(http://www.nexus-solutions.de/Images/SYMBOL_List-Bullet-Delta-12.jpg);}

2.) Für <li> ebenfalls nichts, was ich für verfänglich hielte:

li, dt, dd
{ font-family:Geneva,Arial,Helvetica,sans-serif;
  font-size:9pt;
  margin-top:1pt;
  margin-bottom:1pt;
  margin-left:0pt;
  padding-left:0pt;
  text-align:left;
  line-height:1.35; }

3.) Für <img> und <.box>:

img
{ border-style:none; }
.box
{ border: 1px solid #CCCCCC;
  float:left;
  width:275px;
  margin-right:20px; }

--------------------------------------------------------

Dennoch wird der eigentliche Listeneintrag wie ein normaler Absatz links ausgerichtet, und der Spiegelstrich bzw. die deltaförmige Bullet-Grafik steht stattdessen links über.

Woran kann das liegen?