Hm, Farbverläufe diesert Art sollte man sich beim Designen lieber sparen, das sie nicht vernünftig in HTML umgesetzt werden können (afaik) Du könntest aber einen Farbverlauf mit einer festen Höhe machen und diesen dann unten oder oben an der Box ausrichten. Dann geht der Farbverlauf zwar nicht über die ganze Box, aber so ist es immer noch besser als ohne.

Das könnte so aussehen:
HTML-Code: 
<div style="background: #FFFFFF url('dein verlauf von #FFFFF nach #000000') repeat-x bottom;">
Dein Inhalt....
</div>