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

[Jean le Chauve]

Profite du validateur pour valider l'entièreté du code, il reste 5 fautes faciles à corriger.

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;
}
.page-menu 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:hover, .page-menu ul#primary-nav li.menu1 a.menuactive {
   border-top:1px solid #50c3ed;
}
.page-menu ul#primary-nav li.menu2 a:hover, .page-menu ul#primary-nav li.menu2 a.menuactive {
    border-top:1px solid #ff0036;
}
.page-menu ul#primary-nav li.menu3 a:hover, .page-menu ul#primary-nav li.menu3 a.menuactive {
   border-top:1px solid #f6ab14;
}
.page-menu ul#primary-nav li.menu4 a:hover, .page-menu ul#primary-nav li.menu4 a.menuactive {
    border-top:1px solid #f93fb0;
}
.page-menu ul#primary-nav li.menu5 a:hover, .page-menu ul#primary-nav li.menu5 a.menuactive {
   border-top:1px solid #8fbd1f;