Gradient et conformité avec les anciennes version FF etc ...

Bonjour à tous,

Voila mon problème est que j'ai commencer très fortement à travers mon dernier projet à m'interesser au background et aux gradients pour la conception de mes menus et bouton.

Par exemple:

un menu

Img


Html

<div id="main_navigation" class="menu">
			<ul>
				<li  ><a href="#">Home</a></li>
				<li><a href="#" title="Portfolio">Portfolio</a></li>
				<li><a href="#" title="C.V">C.V</a></li>
				<li ><a href="#" title="Contact">Contact</a></li>
				<li><a href="#" title="Labs">Labs</a></li>
			</ul>
 </div>

Css

.menu ul li a {
        background:-moz-linear-gradient(center bottom ,  #144373 80%, #00101a 100%)  repeat   scroll 0 0 transparent;
  	filter:Alpha(opacity=80);-moz-opacity:0.90;opacity: 0.90; 
	background:-webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.1, rgb(20,67,115)),
    	color-stop(0.8, rgb(0,16,26))
	);
        filter:progid:DXImageTransform.Microsoft.Gradient
        (endColorstr='#003366', startColorstr='#55aaee', gradientType='0');
}

A priori cela s'affiche sur IE Safari Chrome et FF, mais les anciennes versions de ces navigateur non.
Là je me retrouve tout simplement sans background en fond.
Il y aurait-il une solution simple pour régler le problèmes même avec juste un background uni pour ces versions là ?


Je continu mes recherches à cotés.

Merci d'avance.

CreaYouz
Modifié par CreaYouz (01 Dec 2010 - 15:19)

Un png transparent