Wie kann ich Farbverlauf bei border erzeugen?

[Newbie]

Hi,
ich bin soeben mal wieder auf ein Problem gestoßen :/
In meiner CSS-Datei habe ich u.a. folgende Befehle:

	/* Hintergrundfarbe für Opera, weil er kein Farbverlauf unterstützt */  
	background-color:#808080;  
	  
	/* Farbverlauf für Internet Explorer */  
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#222222');  
  
	/* Farbverlauf für Firefox */  
	background: -moz-linear-gradient(top, #808080, #222222);  
  
	/* Farbverlauf für Safari */  
	background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#000000));  
      

Hierdurch wird für die entsprechenden Browser jeweils ein Farbverlauf erstellt...jetzt habe ich um den DIV-Bereich, wo dieser Farbverlauf als Hintergrund genutzt wird, einen Rahmen mit dem Befehl "border: 1px;" und würde auch gerne den Farbverlauf mit Hilfe der o.g. Befehle auf den Rahmen anwenden. Ist das möglich? Und wenn, wie muss ich das machen? Habe es bereits mit border: 1px moz-linear-gradient(top, #808080, #222222); probiert, doch so scheint es leider nicht zu funktionieren -.-
Wäre toll, wenn ihr mir wiedereinmal weiterhelfen könntet ;)

Mit freundlichen Grüßen,
Newbie