ایجاد یک div دستی بدون استفاده از عکس

[tux-world]

سلام یه چیزی مثل عکس زیر میخوام درست کنم ولی با استفاده از css3 ترجیحا دو تا دیو تودرتو میشه
66432
اینها هرکودوم دو دیو تو در تو هستش که یکی ماله سمت راست و یکی ماله سمت چپ هستش. مشکلم تو قرار دادن قسمت سبز رنگه
http://barnamenevis.org/images/misc/pencil.png

[hamiii]

برای قرار دادن قسمت سبز رنگ میتونی از ویژگی gradiant در CSS3 استفاده کنی.اینجوری دیگه نیازی به ایجاد دو div تودر تو نیست.

مثال:

background:-moz-linear-gradient(10% 0% 0deg, #004700, #000000 0%)