[HTML/CS]Nelze vytvořit hover efekt na objekt s gradientem

[Catchamouse]

Pokud chci udělat hover efekt na objektu, který má standardně nastaven lineární gradient přes css, není to možné. Nelze vytvořit žádný hover efekt, ani lineární gradient ani žádný jiný. Pouze lze vytvořit hover efekt v elementu obaleného spanem, což znamená, že lze změnit text, ale ne celý div. Dá se to nějak vyřešit?

Ukázka

html

Kód: Vybrat vše

<div style="font: bold 16px/1.0 Times New Roman; display: block; height: 30px; width: 90px; background-color: rgb
(0,180,0); text-align: center; color: white; background: -webkit-linear-gradient(180deg, rgb(0,255,0) 40%, rgb
(0,180,0) 60%); background: -moz-linear-gradient(180deg, rgb(0,255,0) 40%, rgb(0,180,0) 60%); background: -ms-
linear-gradient(180deg, rgb(0,255,0) 40%, rgb(0,180,0) 60%); background: -o-linear-gradient(180deg, rgb(0,255,0)
40%, rgb(0,180,0) 60%); background: linear-gradient(180deg, rgb(0,255,0) 40%, rgb(0,180,0) 60%); -webkit-border-
radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/PIE.htc); border: 1px solid rgb
(0,100,0)"id="download-gradient"><span style="position: relative; top: 7px"id="test">Download2</span></div>

css

Kód: Vybrat vše

#download-gradient:hover
{
position: relative; bottom: -20px;
font: bold 16px/1.0 Times New Roman; display: block; height: 30px; width: 90px; background-color: rgb(0,180,0);
text-align: center; color: black; background: -webkit-linear-gradient(180deg, rgb(0,180,0) 40%, rgb(0,255,0) 60%);
background: -moz-linear-gradient(180deg, rgb(0,180,0) 40%, rgb(0,255,0) 60%); background: -ms-linear-gradient
(180deg, rgb(0,180,0) 40%, rgb(0,255,0) 60%); background: -o-linear-gradient(180deg, rgb(0,180,0) 40%, rgb
(0,255,0) 60%); background: linear-gradient(180deg, rgb(0,180,0) 40%, rgb(0,255,0) 60%); -webkit-border- radius:
10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/PIE.htc); border: 1px solid rgb(0,100,0);
}
#test:hover
{
color: black;
}

[L.T.]

Lze, jen je třeba nemixovat způsob zápisu formátování elementů.
Přesuňte veškeré formátování do CSS.

[Catchamouse]

Funguje to, děkuji.