Here’s a little poem I put together for my grandmother’s birthday a few years back. 

It’s fun and quirky, and I haven’t been able to write anything new, so I thought I’d share it while I try to rekindle my inspiration.

Xronia Polla to our favorite Yiayia
who reads dirty books while she bakes moussaka.

Her kitchen is always as warm as her heart
and our stomachs are full before we depart.

She cares for her family and raises our hopes
and does it without ever missing her soaps.

The life of the party, wherever she goes
for only a sip, and she’s red as a rose!

Today is her birthday, you already know,
so give her a hug and say "S’agapo!"

I came upon a situation today where I had two different images I wanted to use for my background.

The first was a gradient, with a grid-line pattern overlayed.  Normally I would  just make the background color match the ending color of the gradient and problem solved.  But in this case I have the gridlines suddenly stopping on long pages.

I could have just made an extremely "tall" image, but that would be unreasonable and inflexible, since page height has no limit.

Instead, what I wanted to do is have another image that I could tile which has the same pattern as the gradient background, but was just a solid color, matching the end of the gradient.

To solve this problem, I set the background of the HTML element to be the solid-colored image and set the background of the BODY element to be the gradient.  Be sure to leave the background color of the BODY blank, or it will cover the HTML background.

Here is the code:

html
{
    background: #003366 url('background2.gif') repeat;
}



body
{
    background-image:    url('background1.jpg');
    background-position: top left;
    background-repeat:   repeat-x;
}