[RESOLU] Menu horizontal avec double bordure de couleur diférente

[sheitaneb]

j'ai toujours un problème avec le css, mais je pense que cela vienne du php car en principe la bordure basse devrait s'afficher sur tout les onglets puisqu'elle est appliqué à:
.page-menu ul#primary-nav li.menu3 a

le problème est qu'il ya que la page active qui affiche la bordure basse, de même pour le hover qui ne s'affiche que sur l'onglet actif, je ne voit pas quoi modifier dans le php, pourrait tu m'aiguiller si c'est vraiment un problème de php ou si je peut regler ça seulement avec le css?

merci beaucoup

je met mon code css:

Code :

.page-menu ul#primary-nav li a {
    border-top:1px solid white;
}
.page-menu ul#primary-nav li.menu1 a {
    border-bottom:1px solid #50c3ed;
}
.page-menu ul#primary-nav li.menu2 a {
    border-bottom:1px solid #ff0036;
}
.page-menu ul#primary-nav li.menu3 a {
    border-bottom:1px solid #f6ab14;
}
ul#primary-nav li.menu4 a {
    border-bottom:1px solid #f93fb0;
}
.page-menu ul#primary-nav li.menu5 a {
    border-bottom:1px solid #8fbd1f;
}
.page-menu ul#primary-nav li.menu1 a:active, .page-menu ul#primary-nav li.menu1 a:hover {
    border-bottom:1px solid #50c3ed;
   border-top:1px solid #50c3ed;
}
.page-menu ul#primary-nav li.menu2 a:active, .page-menu ul#primary-nav li.menu2 a:hover {
    border-bottom:1px solid #ff0036;
    border-top:1px solid #ff0036;
}
.page-menu ul#primary-nav li.menu3 a:active, .page-menu ul#primary-nav li.menu3 a:hover {
    border-bottom:1px solid #f6ab14;
   border-top:1px solid #f6ab14;
}
.page-menu ul#primary-nav li.menu4 a:active, .page-menu ul#primary-nav li.menu4 a:hover {
    border-bottom:1px solid #f6ab14;
    border-top:1px solid #f93fb0;
}
.page-menu ul#primary-nav li.menu5 a:active, .page-menu ul#primary-nav li.menu5 a:hover {
    border-bottom:1px solid #8fbd1f;
   border-top:1px solid #8fbd1f;
}