1 px line separating each repeating image in expanding header

[gilbertl]

Appreciate help... can't figure it out.

There seems to be many ways of creating an expandable header, allowing for resizing, or different resolutions. But being new I was looking for the easiest.

Unfortunately although I achieved a repeating image to allow expansion it has got a 1px gap between each repeated image. It seemed to work fine on another site that I saw.

This is the html:
<div class=logo><img src="image/banner.jpg" alt=""></div>

This is the CSS:
.logo { position: absolute; top: 0px; left: 0px; width: 100%; height: 89px; background-image: url("image/thinslice.jpg"); background-repeat: repeat-x; margin: 0;}

The header simply consists of a image called banner.jpg (89x600px)as mentioned above and I did a thin slice (89x9px)of the end of the banner to make a repeating image to allow expansion.

Very much appreciate some help...

[tedster]

Every time I've seen something like that, the thin line was accidentally part of the image -- I'd suggest taking a very close look at the image itself, because browsers have been tiling background images pretty perfectly for many years.

[edited by: tedster at 9:28 am (utc) on Mar. 15, 2007]

[gilbertl]

Well many thanks, it was on the image. Because I hadn't done this before, I thought I had done something wrong. Just experience I guess, and yes I feel a bit silly - but thanks.

[tedster]

Feeling silly or even stupid is something computer work does to me constantly. I've grown to expect it, now.