CSS gradient probleme d'affichage sous ie 8 et opera

Bonjour,

Je precise que je debute en CSS3 et je m'essaye tout naturellement avec les degrades.

Dans le cadre d'une creation de barre de menu, j'ai cree deux classes avec des degrades. Or, si sous FF et Chrome cela marche admirablement, sous IE8 et sous Opera 11 ca coince.

Le premier m'accepte le background de fond mais m'affiche une couleur pleine au survol des liens. Le second c'est le contraire !

Voici mon code :

#menubar {
clear:both;
display:block;
height:48px;
width:883px;
padding:0 22px 0 45px;
border-bottom:#666666 solid 7px;
background-image: linear-gradient(bottom, rgb(249,255,66) 28%, rgb(240,255,142) 82%);
background-image: -o-linear-gradient(bottom, rgb(33,33,33) 28%, rgb(22,22,22) 82%);
background-image: -moz-linear-gradient(bottom, rgb(249,255,66) 28%, rgb(240,255,142) 82%);
background-image: -webkit-linear-gradient(bottom, rgb(249,255,66) 28%, rgb(240,255,142) 82%);
background-image: -ms-linear-gradient(bottom, rgb(249,255,66) 28%, rgb(240,255,142) 82%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.28, rgb(249,255,66)),
	color-stop(0.82, rgb(240,255,142))
);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0ff8e, endColorstr=#f8ff42)";	
text-transform: uppercase;
display:inline-block;
}

#menubar li a:hover{
background-image: linear-gradient(bottom, rgb(155,155,155) 29%, rgb(237,237,237) 65%);
background-image: -o-linear-gradient(bottom, rgb(155,155,155) 29%, rgb(237,237,237) 65%);
background-image: -moz-linear-gradient(bottom, rgb(155,155,155) 29%, rgb(237,237,237) 65%);
background-image: -webkit-linear-gradient(bottom, rgb(155,155,155) 29%, rgb(237,237,237) 65%);
background-image: -ms-linear-gradient(bottom, rgb(155,155,155) 29%, rgb(237,237,237) 65%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#999999, endColorstr=#9b9b9b)";	
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.29, rgb(155,155,155)),
	color-stop(0.65, rgb(237,237,237))
);
padding:15px 44px 15px 44px;
}

Merci aux ames charitables de me dire d'ou provient mon erreur.