Problema link hover e css

[Thundershare]

Ho un problema con i le proprietà dei link sia con ie che firefox(e questo quindi mi fa pensare che sono io il problema ).
codice XHTML

<div class="containersubmenu">
        <div class="elementmenu">link</div>
               <div class="sep"></div>
              <div class="elementmenu">[url="index.php"]link[/url]</div>
             <div class="sep"></div>
            <div class="elementmenu">[url="index.php"]link[/url]</div>
            <div class="sep"></div><div class="elementmenu">[url="index.php"]link[/url]</div>
</div> 

Css

.containersubmenu{ margin-left: 10px; width: 603px;  height: 52px; float: left;}
    
    .sep { 
            float: left;
            background-color: #FFFFFF;
            margin-top: 7px;
            margin-bottom: 7px;
            margin-left: 10px;
            margin-right: 10px;
            width : 1px;
            height: 38px;
        }
    .elementmenu{ 
                    width: auto;
                    float: left;
                    margin-top: 23px;
                    margin-bottom: 11px;
                    margin-left: 10px;
                    margin-right: 10px;
                    font-family: Arial, Tahoma, Sans Serif;
                    font-size: 15px;
                    font-weight: bold;
                    color: #FFFFFF;
                    text-align: right;
                    text-decoration: none;
                    }
    
                    
    .elementmenu a:link{
                    font-family: Arial, Tahoma, Sans Serif;
                    font-size: 15px;
                    font-weight: bold;
                    color: #FFFFFF;
                    text-align: right;
                    text-decoration: none;
        }
    .elementmenu a:visited {
                    font-family: Arial, Tahoma, Sans Serif;
                    font-size: 15px;
                    font-weight: bold;
                    color: #FFFFFF;
                    text-align: right;
                    text-decoration: none;
        }
    .elementmenu a:hover{
                    font-family: Arial, Tahoma, Sans Serif;
                    font-size: 15px;
                    font-weight: bold;
                    color: #FFFFFF;
                    text-align: right;
                    text-decoration: none;
        } 

Se non vi sono presenti tag "<A HREF>" funziona tutto correttamente altrimenti di div che contengono i link risultano totalmente sballati con misure assurde... e non riesco a capire il perchè qualcuno ha qualche idea

[seed_squall_it]

In velocità...c'è un errore nei valori delle proprietà font-family. Hai scritto Sans serif senza racchiuderlo tra apici doppi! I nomi dei font che contengono spazi, vanno sempre racchiusi tra apici doppi...magari non c'entra con il tuo problema, ma non vorrei che entrambi i browser sbagliassero ad interpretare i box proprio perché, trovando gli elementi <a>, non riescono a "leggere" correttamente il valore di font-family e quindi sballano le proprietà successive.

font-family: Arial, Tahoma, "Sans Serif";

[Thundershare]

Grazie per la segnalzione ma non è li il problema

[indigoindigo]

Link alla pagina, please?

[Thundershare]

http://thundershare.no-ip.org/index....#91;sezione]=3

[Thundershare]

problema risolto ma la soluzione mi sembra assurda. Ovvero fin quando le dichiarazioni stavano sul file principale del css sia ie che firefox andavano in crisi mi è bastato spostare le dichiarazioni su un file temporaneo che il cms crea pagina per pagina per risolvere tutti i problemi... che dire non riesco a capire il perchè di ciò

[thomas_anderson]

Ti consiglio di leggere questo:

http://meyerweb.com/eric/css/link-specificity.html




ps. non c'entra niente il cms.

[Thundershare]

non avevo dubbi che il cms c'entrasse , solo che non riuscivo a capire perchè adesso mi leggo il tuo articolo grazie !!!