Impossible de supprimer une bordure CSS

Bonjour,

J'ai réalisé un menu déroulant, dans lequel j'ai appliqué un "border-right" à tous mes <ul> de tel sorte à avoir un séparateur entre mes différentes colonnes de mon menu déroulant.
Seulement je veux supprimer le "border-right" de ma dernière colonne.
Voilà une capture d'écran pour y voir plus clair :
https://www.casimages.com/i/110208085536616542.jpg.html
Je parle de la bordure qui se trouve dans le rectangle rouge

Premièrement j'ai créé une classe dans laquelle je dis qu'il ne faut plus de bordure. Classe que j'applique ensuite à mon <ul> concerné dans mon code HTMl

ce qui donne :
CSS:
.no-border{border:none;}

HTML
<ul class="no-berder"> ....</ul>

Et là impossible de savoir pourquoi, ca ne fonctionne pas.

Ce qui est encore plus étrange c'est que si j'applique par exemple :
.no-border{border: 5px solid red;}

Là la règle css s'applique sauf à la bordure droite ...

J'ai donc essayé de mettre la règle css directement dans la page HTML dans la balise "head", toujours pareil.

Par contre si je met le code CSS à la ligne HTML concernée là ca fonctionne.
Ce qui donne :
<ul style="border:none;"> ....</ul>


Mais bon c'est une manière un peu barbare de procéder.

Du coup je voulais savoir si c'était normal que ca réagisse ainsi. Sinon que faut-il faire ?

Ps : Si vous désirez tout le code du site n'hésitez pas à me le demander, je vous l'enverrai dans un fichier rar. Car il n'est toujours pas en ligne ...

Merci d'avance ;-)
Hugo