http://www.projectdesigns.org/client...ect/about.html

As you can see the background image is set to repeat vertical but it repeats past the last image, in the container. How do I get rid of that line on the bottom?

Thanks
Ben

I looked at with FF 2.0 and IE 6.. I don't see the problem you're describing.

All I can say is.. WOW is that BRIGHT !!

How can you not see it, it is a black line below the about container there is the curved edges of the about container and then right below it is the black line, you can tell it does not belong there.

Sorry.. getting late in the day

I tried several things, this worked:

.overview img{
margin-bottom: -28px;
}

28px is the size of your bottom image so you might want to specify for just that image. The image inside the overview div was adding to the height of the box and as such the background tiled behind it.

I don't know why you have that absolutely positioned, you don't need it. You can float it instead this way:

.overview
{
width:709px;
background: url(http://www.projectdesigns.org/clients/zProject/images/about_bg_middle.png) repeat-y;

/*position:absolute;
top:11em;
left:16em;
z-index:2;*/
margin: 1.5em 0 0em 16em;

Clear the float with this:

.brclear{
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}

Then put <br class="brclear /> below the closing div tag for the overview box.