Myślę, że nie będzie kłopotu z rozwiązeniem mojego problemu.
Menu strony mam w formie wykazu.

[HTML] pobierz, plaintext 
<ul>
<li>Strona główna</li>
<li>Forum</li>
<li>Chat</li>
</ul>
[HTML] pobierz, plaintext 

Do LI jest przypisany obrazek

Odległość między lewym brzegiem a listą jest co najmniej duży.
Prawie wszystko jest w porządku, kiedy usunę <ul>, ale...
Menu ma szerokość 160px. Jeżeli tekst wodnośniku jest długi, wygląda to tak:

Nie wygląda to dobrze, jeżeli pod obrazkiem jest ciąg dalszy tekstu.
Z <ul> wygląda tak:

I tu widać ten 'margines'.
A chcę, aby wyglądało tak:


Może jest zupełenie inny sposób, aby osiągnąć ten efekt. oprócz wstawiania obrazków jako <img />

Dopuszczam rozwiązanie w php, ale uprzedam - jest kiepski w php.

Pomoże ktoś?