Braincode Eleganza - Hover sui sottomenu, problema con Chrome e Safari

[Enoreth]

Salve a tutti, purtroppo mi ritrovo a dover fare una richiesta nel primo post su questo forum, non mi piace "prendere" senza dare niente ma con questo (per me) nuovo CMS ho ben poco da poter aiutare ^^

Vengo al dunque, sto modificando il template in oggetto e il mio problema è nel menù in alto, sono riuscito ad ottenere l'effetto di hover anche nei sottomenu (dropdown, a tendina, come li volete chiamare ^^) e funziona tutto perfettamente...su IE e su Firefox ! Su Chrome no e neanche su Safari 
Praticamente ho cambiato il menu selezionato in blu e ho fatto in modo che quando si fa un hover sul sottomenu la voce su cui passi diventi bianca, come ho detto tutto ok su 2 browser sugli altri invece scompare tutto...ma faccio prima a farvelo vedere mi sa...

http://www.enoreth.it/prinz/

come potete vedere passando su "prodotti" per esempio, il menu diventa trasparente e mostra lo sfondo dietro...potete dirmi dove sbaglio ?

Spero di aver fatto tutto correttamente e ringrazio chiunque mi vorrà aiutare ^_^ se ho sbagliato qualcosa in questo post provvederò subito a correggere !


Modifico per dire che penso possa avere a che fare con webkit, visto che i 2 che non funzionano correttamente lo usano...tuttavia non sono riuscito a trovare documentazione che confermi la mia ipotesi

[Enoreth]

Aggiungo che se preferite posso mettere il codice di menu.css o altro se vi è utile ^_^

[56francesco]

no, non postare codice se non ti viene richiesto..
dovresti saperlo che con firebug è del tutto inutile, chi volesse aiutarti troverà il tuo css da solo

[Enoreth]

Grazie Francesco per la risposta, pensavo ai pigrotti (se ce ne sono) ^^
Hai ragione infatti non ho postato codice spesso rende solo più pesante il forum e la lettura !
Visto che sei stato così gentile da rispondermi approfitto e ti chiedo un'altra cosa ^^' Esiste una cosa come Firebug per gli altri browser ? Stavo facendo delle prove perché come ho detto sopra il problema su Firefox non si presenta e uno strumento simile su altri browser mi sarebbe utile, voi cosa usate a questo scopo ?

Grazie ancora a francesco e a tutti quelli che risponderanno

[Enoreth]

Allora che mi dite non è risolvibile ? Io dopo un mese di prove ho ancora questo problema 

[conti1]

ciao
hai provato ad giungere !important sul css da te modificato?
in crome non viene visto il css x cui anche in safari sarà la stessa cosa .

[Enoreth]

Tornato dalle vacanze ringrazio conti1 per il suggerimento  Ho provato a mettere important sulla regola  CSS che su Firefox mostra lo sfondo bianco ma senza risultati
Ho sbagliato io qualcosa ? Hai nel caso altre idee ? Grazie di nuovo per l'aiuto !

[tremendo82]

Avevo lo stesso problema, ho cercato in giro e ci sono tantissimi siti realizzati con questo template tutti senza aver risolto il problema di questo topic!

Io ho risolto così:
nel file menu.css ho aggiunto alla fine del file

.main-menu ul.menu li:hover  li {
 position: absolute;
 z-index: 590;
 width: 200px;
 background-image:url(../images/base_sottomenu.png);
 background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:5px;
}