Text nach einer Liste nicht darunter

[Beat]

Hallo Beni

Abgesehen vom float Ansatz, den dir Felix nahelegt, bzw dem clearing Problem würde sich für deine Aufgabenstellung eigentlich die Eigenschaft:
li{
   display:inline; zoom:1; /* für MSIE 7 */
   display:inline-block;
}
eignen. Bei inline-block hast du dann andere Möglichkeiten, zum Beispiel mit der Höhe zu arbeiten. Du kannst auch  mit
ul {
   text-align:center;
   vaerical-align:top;
}
Die Bilder mittig, bzw mit der Oberkante gemeinsam ausrichten.

Aufpassen muss man lediglich auf whitespace, das diese Zweichen zwischen den li Elemente eben als inline content behandelt werden.

mfg Beat