hack ie7

[scudobravo]

Salve a tutti/e,

il mio css funziona perfettamente sui browser (Safari, Firefox sia mac che pc) tranne che su iE7.
In pratica il codice HTML da modificare con hack é questo:

<div id="wrapper"> 
<div id="content"> 
<div id="sx"> 
<div id="sxcontent">
[img]img/line.gif[/img]
<div id="menu">
1
[img]img/line.gif[/img]
2
[img]img/line.gif[/img]
3
[img]img/line.gif[/img]
4
[img]img/line.gif[/img]
</div>
</div>
</div>
</div>
</div>

*:first-child+html div#sxcontent .xxx{margin: -15px;} /*per IE7 */

Ho usato pertanto questo hack, ma sposta solo la prima immagine con classe .xxx in su di -15px.
Come faccio ad applicare l'hack a tutte? esiste un modo?

Grazie per l'aiuto!

[fcaldera]

usa un commento condizionale per fare una regola (anche meno astrusa, ad es. .xxx { ... }) specifica per IE7

[scudobravo]

Grazie per il suggerimento!
Il problema però pare essere un'altro adesso
La linea sotto l'immagine in iE7 é come spaziata come di 10px rispetto al link soprastante
Ma negli altri browser no!!! Ma perché???
Ho provato a dare a #menu a: margin-bottom: -10px; ma non funziona!
Suggerimenti?

[fcaldera]

difficile dare un margine ad un elemento inline: come minimo devi dare display: block oppure float: ...

ad ogni modo forse potresti pensare di usare una marcatura più specifica per una lista di link... ad esempio un <ul>