CSS help with transparency 1

[craigey]

Hi all,

I'm trying to get the page

http://dtmautoval.co.uk/test/index.html

to appear without the white background around the 4 corners.

After a bit of fiddling around with the CSS I managed to remove all the white from the page, which had the desired effect on the corners & top of the header, but the content was difficult to read, so that still needs to remain white.

I have tried modifying the CSS & the content.jpg file (now content.png), but still can't get the desired effect.

I have zipped all the files if anyone is willing to take a look & tell me what needs to be done.
Thanks,

Craig

 

[Vragabond]

Surely, you don't need to have the white background on the entire wrap element, but only on the content part. Therefore you can change the content-wrap around a bit to make it work:

#content-wrap {
    background: url("content.png") repeat-y scroll center top transparent;
    clear: both;
    overflow: hidden;
    padding: 0;
}

Use padding on this element to shift things around, if they're not in the right place.

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[craigey]

Perfect, Thanks. I can't belive I didn't see it!