sprite: link affiancati...

[bigrattle]

In tre diverse zone di una pagina devo mettere due bottoni affiancati.
ognuno dei bottoni ha due stati: link e hover.
vorrei usare una sola immagine e gestirla con un ccs sprite...

esempio per quanto riguarda i primi due bottoni affiancati:

nel css ho messo:

.linkpag1 {background: url(immagine.png) no-repeat 0 0; width: 163px; height: 57px; display:block; text-indent: -9999px;}  .linkpag1:hover { background-position: -165px 0;}   .linkpag2{background: url(immagine.png) no-repeat -330px 0; width: 163px; height: 57px; display:block; text-indent: -9999px;}  .linkpag2:hover { background-position: -495px 0;}

Nella pagina poi li richiamo così

pagina1 pagina2

i due link appaiono però il secondo va a capo. ho provato anche ad utilizzare id e #...

mi date una dritta?
ciao

[lnessuno]

se non ho capito male puoi usare display: inline-block.

naturalmente exploder 6 e 7 non lo supportano, ma c'è un hack per loro molto semplice:

* html #menu li { display:inline; } /* hack per IE 6 */
* + html #menu li { display:inline; } /* hack per IE 7*/

[bigrattle]

provo, grazie

[bigrattle]

hmmm, ok per ff ma non riesco a far funzionare gli hack...

#menu credo sia l'id che utilizzo, gisuto? (nel mio caso, vedi sotto, #menu1...)
non utilizzo però li, ma metto l'id direttamente nel tag link1

[url="link2.htm"]link2[/url] 

come e dove deve essere messo l'hack?
a fine css?
non sono riucito a farlo funzionare