<li id=''> mit Farbverlauf

[Bourbon]

Hallo Leute,

ich erstelle gerade im Header die Links(bisher ohne URL) zu den wichtigsten Seiten.
Dabei wollte ich den Login-Button mit einem speziellen Farbverlauf haben.
Nur steht jedes mal da "invalid property value".

Woran liegt das bitte?

HTML:

<header>
<div id="headermenu">
<ul>
<li id='loginbutton'>LOGIN</li>
<li>Startseite</li>
<li>Download</li>
<li>Kontakt</li>
</ul>
</div>
</header>

CSS:

header {
color: #ffffff;
text-align: center;
font-size: 1.125em;
}

#headermenu li {display: inline;}
#headermenu ul li {text-decoration:none; margin: 4px;
padding: 5px 20px 5px 20px; color: #ffffff;}

#loginbutton {
border-radius: 1px;
border: 10px;
background: -webkit-linear-gradient(top , #39e1ea 0%, #4f81ff 50%);
background: -moz-linear-gradient(top , #39e1ea 0%, #4f81ff 50%);
background: -ms-linear-gradient(top , #39e1ea 0%, #4f81ff 50%);
background: -o-linear-gradient(top , #39e1ea 0%, #4f81ff 50%);
background-image: -webkit-gradient (top , #39e1ea 0% ,#4f81ff 50%);
border-color: #ffffff;
}

 

[Space Vampire]

Kann ich nicht nachvollziehen. Getestet und funktioniert in FF 30.0
Lad doch mal ne Testseite hoch, damit man das mal vollständig sehen kann.

 

[Bourbon]

Interessanter Weise hast du Recht. Inzwischen kenn ich auch die Lösung:

Die Reihenfolge im CSS. Für das Forum hatte ich #loginbutton unter #headermenue verschoben, was vorher nicht der Fall war. Dadurch ging es.