Aide sur modification de CSS

Bonjour,

Bonjour,
j'ai créé un site; www.delalumiereeternelle.fr
Comme vous pouvez le voir, mes sous menus ne sont pas très harmonieux par rapport au menu. (au survole dans le sous menus, c'est pas la même taille. Bien aligner mes sous menus au menu (la ils sont décalés))
Pouvez vous m'aidez à mettre tout bien en place ? Parce que je n'arrête pas de modifier le CSS pour avoir le bon résultat mais je n'y arrive pas.
J'aimerais également centrer mon menu, aidez moi s'il vous plait.

/*Menu dynamique des liens 
--------------------------------------*/ 
.dynamic_menu { 
    position:relative; 
    z-index:100; 
} 

.dynamic_menu ul { 
    margin:0; 
    padding:0; 
    border:none; 
    font-weight:bold; 
    list-style:none; 
} 

.dynamic_menu li { 
    position:relative; 
    float:left; 
    display:inline; 
} 

.dynamic_menu li.vertical { 
    display:block; 
    float:none; 
    margin-bottom:15px; 
} 

/* Lien du menu */ 
.dynamic_menu h5 { 
    color:#000000; 
    text-align:center; 
    background:#F2E0C8; 
    border:1px solid #674618; 
    padding:4px 38px; 
    font-weight:bold; 
    font-size:12px; 
} 

.dynamic_menu h5:hover { 
    color:#000000; 
    background:#EBD0AB; 
    cursor:default; 
} 

/* Séparateur */ 
.dynamic_menu ul li.separator { 
    background:#674618; 
    height:2px; 
} 

.dynamic_menu ul li.extend { 
} 

/* Case du menu */ 
.dynamic_menu li ul { 
    visibility:hidden; 
    position:absolute; 
    border:1px solid #DFB479; 
} 

.dynamic_menu li.vertical ul { 
    top:0; 
    margin-left:150px; 
} 

.dynamic_menu li li { 
    clear:both; 
    color:#000000; 
    background:#F5E9D8 url() repeat-y; 
    display:block; 
    width:169px; 
} 

.dynamic_menu li li span { 
    color:#EBD0AB; 
    font-size:10px; 
    text-decoration:none; 
    padding-left:32px; 
    width:133px; 
    display:block; 
    white-space:nowrap; 
    margin:auto; 
    padding-top:6px; 
    padding-bottom:6px; 
    background-repeat:no-repeat; 
    background-position:5px; 
} 

.dynamic_menu li li a { 
    color:#000000; 
    font-size:10px; 
    text-decoration:none; 
    padding-left:1px; 
    width:133px; 
    display:block; 
    white-space:nowrap; 
    margin:auto; 
    padding-top:6px; 
    padding-bottom:6px; 
    background-repeat:no-repeat; 
    background-position:0px; 
} 

.dynamic_menu li li a:hover { 
    background:#EBD0AB; 
    background-repeat:no-repeat; 
    background-position:5px; 
    border:1px solid #D79E53; 
    padding-top:5px; 
    padding-bottom:5px; 
    cursor:pointer; 
} 

/* Niveau 2 */ 
.dynamic_menu li li ul { 
    visibility:hidden; 
    top:-1px; 
    left:100%; 
    z-index:101; 
} 

Je vous donne uniquement cette partie car il me semble que toutes les informations se trouvent ici. Néanmoins si une modification, devant être apporté, ne se trouve pas dans ce bout de CSS, dites le moi.

J'espère qu'on pourra me répondre au plus vite car de ce fait je ne peux plus essayer de modifier le menu (bon ça fait des heures mais toujours de l'espoir à trouver).

Merci !