Problema con i CSS su diversi browser

ilgiaguaro

Nuovo Utente
18 Ott 2010
6
0
0
Salve a tutti, ho un problema abbastanza antipatico di interpretazione dei CSS da parte dei vari browser.
Mi spiego meglio:
Ho una navbar di Wordpress con il tema Arthemia.
L'ho personalizzata per cambiarne colori e conformazione.
L'unico problema è che su Safari (su mac) funziona bene, mentre su Firefox (Mac e Win) e su Chrome (Mac e Win) non funziona,non si vedono i colori.
Vi mostro gli screenshot e il codice:



Uploaded with ImageShack.us



Uploaded with ImageShack.us

é un menu a drop down che al passaggio del mouse sul pulsante diventa rosso.
Questo sistema su Safarei e IExplorer funziona regolarmente, su gli altri browser no.
Vi allego il codice CSS:

Codice:
/* Navigation Bar*/
#navbar {
margin:0 auto;
margin-top:0px;
margin-bottom:2px;
padding:0px 180px;
font-family: Verdana;
text-transform:uppercase;
background:#20398c url(images/navbar.png);
}

#page-bar {
width:722px;
}

#page-bar ul {
list-style: none;
}

#page-bar li {
float:left;
list-style:none;
cursor: pointer;
display:block;

}

#page-bar li:hover {
background:#red;

}

#page-bar a, #page-bar a:visited {
margin: 0px;
padding:10px 16px;
font-weight:bold;
color:#FFF;
display:block;
}

#page-bar a:hover {
text-decoration:none;
display:block;
}

#searchform {
width:194px;
text-align:right;
padding-top:0px;
margin-right:0px;
margin-left: 63px;
margin-bottom: 10px;
}

/* Dropdown Menus */
#page-bar li {
float: left;
margin: 0px;
padding: 0px;
}

#page-bar li li {
float: left;
margin: 0px;
padding: 0px;
width: 122px;
text-transform:capitalized;
}

#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
background: #20398c;

filter: alpha(opacity=85);

opacity: 0.85;

width: 122px;
float: none;
margin: 0px;
padding: 5px 10px 5px 18px;
border-top: 0px solid transparent;
}

#page-bar li li a:hover, #page-bar li li a:active {
background: #red;
padding: 5px 10px 5px 18px;
}

#page-bar li ul {
position: absolute;
width: 10em;
left: -999em;
}

#page-bar li:hover ul {
left: auto;
display: block;
}

#page-bar li:hover ul, #page-bar li.sfhover ul {
left: auto;
}

Secondo voi quale potrebbe essere il problema?
Cosa modificare?!

Grazie in anticipo!!
 
Discussioni simili
Autore Titolo Forum Risposte Data
S problema con css bootstrap3 HTML e CSS 4
Emix Problema con creazione form css/mobile HTML e CSS 3
F [Javascript] Problema funzione jquery con elementi css esterni Javascript 1
A [WordPress] Problema CSS con diversi browser WordPress 4
S Problema con Form CSS HTML e CSS 1
berry94mf Problema con include e css PHP 1
V Problema Rollover con css HTML e CSS 1
M problema con media query CSS HTML e CSS 1
D Problema collegamento file css con html HTML e CSS 4
S Problema con il css di un font HTML e CSS 2
A Problema gestione layout con css HTML e CSS 11
F problema con sfondo CSS HTML e CSS 2
C Problema con il CSS per il comando text-align HTML e CSS 10
M css html problema con explorer help HTML e CSS 0
G problema con css PHP 9
B Problema di inserimento "menu con css" in pagina web "con tabelle" HTML e CSS 5
M Problema con css HTML e CSS 3
M problema css con ie8! help HTML e CSS 0
K problema con current css HTML e CSS 0
L problema con menù css HTML e CSS 1
T problema con i css ... explorer visualizza male... HTML e CSS 2
S Problema con CSS IE 7 e XP HTML e CSS 2
M Problema CSS nei widget con sfondo sfumato HTML e CSS 0
R Problema con i css in standard mode HTML e CSS 3
N [PHP+HTML+CSS] Problema con un div HTML e CSS 6
R problema con il css dei link HTML e CSS 2
S Piccolo problema con i CSS HTML e CSS 2
I Problema CSS con joomla e phpbb [Era: joomla e phpbb] Joomla 2
G Css, problema margine con explorer HTML e CSS 0
F [CSS] Problema con IE e div fixed HTML e CSS 2
R Problema con pop-pu in css HTML e CSS 4
E Problema con CSS con 3 colonne HTML e CSS 5
T PROBLEMA CON SESSIONI PHP 3
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
G Problema con Get page PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14

Discussioni simili