),
and in the content area of elements of class inner which are not obscured by
elements within it (in this case the two

s of classes content and
content2). Content has a colored background, so the only part of it which
does not obscure the goldstripe is its margin, which as a

element
defaults to a positive margin-top. Content2 again is a

element, so has
a top mergin separating it from .content, but has a largely transparent
image as its content, so the goldstripe background of .inner shows through.

I played around with the CSS a bit. These are the lines I changed:
.content {border: 0px; background: #cff; margin:0;}
.content2 {
background-image:url("sig.gif");
background-color: black; /*shows the text clearer, but perhaps not*/
background-repeat:no-repeat;
background-position: 50%; /* centres the image */
height:60px;
}

Here's a few other obsevations:
1 You have an empty

pair doing nothing but show some blue
background at the top of the page. This is probably a left-over from pmj's
page. If you do want to show the body's background, setting margin-top, and
maybe the other margins, on .outer would be better.

2 The 'Happy Birthday Ali' (thanks for that BTW) gif, which presumably is an
image rather than text because you want that particular font, is a
background image, which means a) there's no alt text, so anyone not seeing
the image sees nothing at all, and b) it's not centered (although that could
have been coded in the CSS). It would have been better as an . Of
course, you are experimenting, and these things have to be tried.

3 You might try specifying the margins, paddings, widths heights etc in ems
or percentages rather than pixels, that way they change in proportion to
either the text size or page size respectively.

Wrinklie One =?iso-8859-1?Q?=A9?=...