problema con menu sprites

[Ziff]

ho un piccolo problema nel senso che ho difficoltà a mettere due menu sprites su una stessa pagina web.

vi posto i codici e poi vi espongo il problema:

codice css:

@charset "utf-8";
/* CSS Document */

ul {
margin: 0;
padding: 0;
list-style-type: none; }

li { float:left; }
a { display: block;
width: 150px;
height: 50px;
overflow: hidden;
text-indent:-9999px;
background-repeat: no-repeat;
background-position:0 -50px;}
a:hover { background-position: 0 0; }
a.Home { background-image:url(immagini/home.png); }
a.Portfolio { background-image:url(immagini/portfolio.png); }
a.Chisiamo { background-image:url(immagini/chisiamo.png); }
a.Contatti { background-image:url(immagini/contatti.png); }


b{ display: block;
width: 120px;
height: 25px;
overflow: hidden;
text-indent:-9999px;
background-repeat: no-repeat;
background-position:0 -25px;}
b:hover { background-position: 0 0; }
b.Sci { background-image:url(immagini2/sci.png); }
b.Flyer { background-image:url(immagini2/flyer.png); }
b.Tshirts { background-image:url(immagini2/tshirts.png); }
b.Locandine { background-image:url(immagini2/locandine.png); }
b.Arts { background-image:url(immagini2/arts.png); }


Codice html:

<div style="float: center; height: auto; width: 600px;background: #FFFFFF; border:#FFFFFF ;" ><ul>[*]Home[*]Portfolio[*]Chisiamo[*]Contatti[/list]
</div>

<div style="float: center; height: auto; width: 600px;background: #FFFFFF; border:#FFFFFF ;" ><ul>[*]<b href="@" class="Sci">Sci[/b][*]<b href="@" class="Flyer">Flyer[/b][*]<b href="@" class="Tshirts">Tshirts[/b][*]<b href="@" class="Locandine">Locandine[/b][*]<b href="@" class="Arts">Arts[/b][/list]
</div>





ovviamente avendo messo nel secondo menu <b Href>... [/b] non è possibile che mi veda il menu "clickabile" ma se rimetto tutte a mi sforma tutto il menu perchè va a riprendersi le informazioni del primo menu...

come posso risolvere il problema?

grazie in anticipo e scusate se non sono stato chiarissimo...

[Shores]

Quello ce stai facendo non ha nessun senso: il tag B serve solo a fare il, testo bold, e non può in nessun caso avere un attributo HREF, MAI.

Quindi, quello che devi fare è correggere il tutto perchè si riferisca solo ai tag che vuoi:

<div id="menua"><ul>[*]<a ....></a>[/list]</div>

<div id="menub"><ul>[*]<a ....></a>[/list]</div>

Dopodichè nel foglio di stile

#menua a {regole per i tag a che stanno dentro al primo menu}
#menub a {regole per i tag a che stanno dentro al secondo menu}

Ciao!

[Ziff]

si avevo messo b solo per provare a mettere un' altra lettera a caso...

[Ziff]

ok ho fatto... tutto fila liscio tranne l'hover... come mai?

[Ziff]

ok risolto... grazie mille...