Witam
Jak zrobić kolor dla diva
Nie chodzi mi o to jak zrobić kolor dla fragmentu , na którym są litery tylko o fragment diva.
Chodzi mi o to żeby kolor był od 200px do 400px od góry.
Jak to zrobić

a) zrobić obrazek z o wielkości 1x200px wypełniony owym kolorem i użyć go jako tło wyrównane 200px od góry
b) zrobić drugiego diva o wymaganych wymiarach i kolorze tła po czym umieścić go pod obecnym
c) fillRect na canvasie diva

[CSS] pobierz, plaintext 
div {
	width: 600px;
	height: 500px;
	background: #F00;
	position: relative;
}
 
div div
 {
	width: 100%;
	height: 200px;
	background: #0f0;
	top: 200px;
	position: absolute;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div> <div> Lorem ipsum </div> </div>
[HTML] pobierz, plaintext 

LUB

[CSS] pobierz, plaintext 
div {
	width: 600px;
	height: 500px;
	background: url(jpg o wymiarach 1px na 200px w pożądanym kolorze.jpg) 0px 200px  repeat-x;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div> Lorem ipsum </div>
[HTML] pobierz, plaintext 

Szczerze mówiąc, z chęcią poczekałbym na lepsze rozwiązanie...bo moje ani jedno, ani drugie mi się nie podoba.