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
L problema collegamento file css con html HTML e CSS 1
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 4
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
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
N Problema con position absolute e overflow HTML e CSS 4
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
K [PHP] Problema con variabili concatenate. PHP 1
O problema con query PHP 4
I problema con 2 account Posta Elettronica 1
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
M Problema con Try Catch PHP 0
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8

Discussioni simili