Bonsoir à tous, je suis en train de développer en local une page mais j'ai un soucis de CSS.

Voici mon code :


Et voici le CSS associé

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
#topbar{
        height:auto;
        width:100%;
        background:url(images/header.png) repeat;
        position        : fixed;
        top             : 95%;
        left            : 0;
}
#leftnav,#leftbutton{
    display: inline;
    padding : 0 0.5em;
    font-size:12px;
    left:9px;
    top:7px;
    font-weight:bold; 
    margin-left:20px;
    padding-top:10px;
}
#leftnav ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
#leftnav li {
 float:left; /*pour IE*/
 border-left:1px solid black;
 }
#leftnav ul li a {
 display:block;
 float:left;   
 width:100px;
 line-height:50px; /*hauteur de l'image de fond*/
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }
#leftnav ul li a:hover {
 color:white;
 }
.centrertexte{color:#FFFFFF;
              padding-left:40%;
              padding-right:40%;
              font-size:16px;
}

Voici le résultat :


Et impossible de trouver l'origine de se décalage, je souhaiterai que tout les éléments soit convenablement aligné sur la même ligne ...

Merci par avance pour votre aide