bakgrundsfärg som övergår till annan färg

Det går inte att göra enbart i css utan du måste ha en bild som sköter övergången, denna är lämpligen inte så många pixel hög.

Sen använder du css för att repetera denna bilden i y, x eller båda x och y led.

Exempel:
background-image: url(../img/topmenu_bg.gif);
background-attatchement: fixed;
background-repeat: repeat-x;
background-position: top left;

Följande kod gör så att bilden topmenu_bg.gif repeteras i x led och den är positionerad i övre vänstra hörnet.

Hoppas att detta hjälpte dig.

Edit:
Kom på att w3cShools har en sida om detta:
http://www.w3schools.com/css/pr_background-repeat.asp

background-position: top left; är nog ganska onödigt med tanke på att det är standard i de flesta webbläsare (kanske finns någon där det inte är det). Samma sak med background-attachment (som du för övrigt hade stavat fel till, det är lätt gjort). Tänk även på att man kan förkorta egenskaperna såhär:

body {
background: url(gradient.png) repeat-x fixed top left;
}

och för att ta bort det som inte behövs:

body {
background: url(gradient.png) repeat-x;
}

Bra att du påpekar att jag har stavat fel!

Precis som du säger så fungerar det 99.9% av falen utan att ha med dessa, men jag brukar ha med dom för att jag ska vara säker på att det alltid blir som jag tänkt.

Att skriva den kortare varienten är välldigt bra för att minska stroleken på css filen, men under utveckling tycker iaf jag att det är lättare att skriva ut den långa varianten eftersom jag lättarte hittar vad jag söker. Men när man lanserar sin sida så är det ju klart bra att optimera sin css och göra sidan snabbare att ladda.