[résolu]Bordure désespérément grise sous Firefox/Xul/CSS

Bonjour à tous,
Je suis débutant, j'ai construit une interface XUl que je met en forme avec une CSS, j'ai presque tout réussi à personnaliser, sauf... une bordure de bouton!

Comme rien n'est mieux qu'un exemple, voici les deux fichiers en cause :
http://trblft.free.fr/work.xul
c'est l'interface en question, sa feuille de style est :
http://trblft.free.fr/work.css

Le problème? Les 4 boutons dans la colonne de class C4, en bas, à droite, leurs bordures ne sont pas du tout comme celles des Menulist (attention, sur les menulist il manque la flèche à cause de la première ligne de CSS, c'est normal, je n'ai pas mis l'image de la flèche).
Cliquer sur tous les boutons pour vérifier, vous verrez.

Pourquoi ces bordures sont-elles grises alors que tout indique le contraire dans la CSS? Pourquoi cela marche-t-il avec les menulist et pas avec les boutons?

J'ai installé Firebug et c'est édifiant, dans la rubrique :

button.b1 {[code]
	border-color: #abcc0a;
	Background-color: #abcc0a;
}

Quand je désactive le background-color, tout devient gris, comme quoi le style est bien repéré.
Quand je désactive le border color, rien ne se passe.

J'ai cherché dans le forum, j'ai rajouté la première ligne, mais ça n'a rien changé, merci de votre aide.
Modifié par trblft (11 Mar 2008 - 20:36)

Juste une précision, inutile de tester avec internet explorer, Xul n'est censé fonctionner que sous prism ou firefox ou mozilla ou seamonkey.
Ceci dit, par curiosité, je veux bien voir ce que ça donne sous IE, vu que je bosse sous linux.

Bon, trouvé, il a fallu que je mette en tout début de fichier, après nettoyage, les lignes suivantes:
-moz-border-color-top: none;
-moz-border-color-top: right;
-moz-border-color-top: left;
-moz-border-color-top: bottom;