Ciao ragazzi,
ho creato una lista orizzontale nel seguente modo:

<ul class="elenco-prodotti">[*]
<h1>Titolo</h1>
[img]img.gif[/img]


TEST RIGA IN PIU</p>
[/list]

con queste regole css:
.elenco-prodotti { width: 810px; float:left; list-style-type: none; margin-top: 10px; }
.elenco-prodotti li{ display:inline-block; width:164px; margin: 0 35px 30px 0; vertical-align:top; }
.elenco-prodotti img { width:160px; height: 172px;; }
.elenco-prodotti li h1 { width: 164px; height:23px; text-transform: uppercase; text-align:center; background: #e2ecf5;}

Funziona tutto come dovrebbe tranne in Explorer 7 che mi mostra un[*] sotto l'altro e non riesco a capire il perchè.
Qualcuno sa dirmi da cosa è dovuto? e come eventualmente risolverlo?
Grazie a tutti e buon anno