Bonjour à tous,

J'ai un tit soucis (sans blague ) quand je veux mettre un gradient et un arrondi sur un hover...

Sans le hover PIE fonctionne à merveille

en gros j'ai ces codes :

le html

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<nav>
    <ul>
        <li><a href="cheese.html">HOME</a></li>
        <li><a href="#">ABOUT</a></li>
        <li><a href="#">CONTACT</a></li>
        <li><a href="#">UPDATES</a></li> 
    </ul>
 </nav>


puis le code css3

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
li{
	padding:10px;
 
	height:200px;
	width:200px;
border:1px solid #9c5d10;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e78200) to(#d74f00));
	background: -webkit-linear-gradient(#e78200, #d74f00);
	background:    -moz-linear-gradient(#e78200, #d74f00);
	background:     -ms-linear-gradient(#e78200, #d74f00);
	background:      -o-linear-gradient(#e78200, #d74f00);
	background:         linear-gradient(#e78200, #d74f00);
	-pie-background:    linear-gradient(#e78200, #d74f00);
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	-ms-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	behavior: url(PIE.php);
	position:relative;
}
ce code fonctionne très bien sans que je mettre un

PIE n'est plus du tout pris en compte

j'aimerai que mon exercice fonctionne sous ie7, ie8, ie9 et ie10 (là c'est ok)

où aurai je fauté?

je tourne en rond depuis pas mal de temps et je n'arrive pas à trouver de solution sur google..

merci de m'aider

se serait sympa

à bientôt!