Abstände im Menü IE und Firefox

[mavc]

Hallo an Alle!
Ich tüftele schon eine ganze Weile an den Abständen in meiner Navigationsleiste herum und komme nicht weiter. Beim Mouseover und current sollen die Menüpunkte mit einem grauen Hintergrund versehen werden. Das klappt auch alles wunderbar, bis auf die Abstände zum border-right. Im Internet Explorer wird ein Abstand rechts zum rechten Border angezeigt, in Firefox links. Das sieht unschön aus und ich wäre die Abstände gerne los. Kann mir jemand helfen? Die Seite findet ihr unter bewusst-machen.de

Das CSS sieht so aus:

div.navcontainer ul{    
    margin-top: 195px;
    margin-left: 7px;
    margin-bottom: 10px;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 2em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    behavior: url(ie-css3.htc);
    background-color: #b7173a;
    color: White;
    font-weight: bold;
    float: left;
    width: 830px;
    font-family: Calibri, Arial;
        
}
div.navcontainer li {
    border-right: 1px solid; 
    color: #fff;
    display: inline;
    background-color: #b7173a;
    padding-top: 0.3em;
    padding-bottom: 0.34em;
    
    
    
}

div.navcontainer li a:link, div.navcontainer li a:visited {
    color: #fff; 
    text-decoration: none;
    padding-left: 0.4em;
    padding-right: 0.4em;
    
}

div.navcontainer li a:active,div.navcontainer li a:hover{
    color: #fff;
    background-color: #767e73; 
    text-decoration: none;
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-top: 0.3em;
    padding-bottom: 0.34em;    
}
div.navcontainer li.menu-current a:link, div.navcontainer li.menu-current a:active, div.navcontainer li.menu-current a:visited,
div.navcontainer li.menu-current a:hover
 {
    text-decoration: none;
    color: #fff; 
    background-color: #767e73;
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-top: 0.3em;
    padding-bottom: 0.34em;
    
}

Danke!
mavc

 

[threadi]

Entferne in "div.navcontainer li" das padding und ergänze "float: left;". Dann sieht es in meinem Firefox ok aus, denke ich. Dann solltest Du noch die Links darin anpassen. Ergänze in "div.navcontainer li a:link, div.navcontainer li a:visited" noch

display: block;

und bei "div.navcontainer li.menu-current a:link, div.navcontainer li.menu-current a:active, div.navcontainer li.menu-current a:visited, div.navcontainer li.menu-current a:hover" müsstest Du das padding entfernen.

 

[mavc]

Bestens!!!!! Sehr herzlichen Dank! Klappt alles wunderbar!!!