Lista orizzontale e Ie7 bug

[keron]

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

[M0707]

più che un class, io userei un div con position:relative ... dovrebbe risolvere

[keron]

grazie per la risposta.


Intendi un <div> che fa da contenitore ad un <ul> oppure un <div> dentro al[*]?
Perchè le ho provate entrambe e non sembra funzionare...

[Myaku]

Originariamente inviato da keron
Funziona tutto come dovrebbe tranne in Explorer 7 che mi mostra un[*] sotto l'altro e non riesco a capire il perchè.

guarda qui

[keron]

Mi sembra di capire che il problema sia di IE7 che non supporta completamente la proprietà display: inline-block.

Esiste qualche trick per ovviare al problema?
Ne sto provando di cotte e di crude ma non riesco a farlo funzionare su Ie7 e inizio a non sapere dove la testa!

grazie!