white background on footer corner radius

[johndove]

Hi, please see URL: http://catalyst.backstageweb.net/?page_id=10

what do I need to do to get rid of the white background on the footer corner radius? Code:

#footer-wrap {
    background: url("images/footer_bkgrnd.jpg") repeat-x scroll right top #FAFAFA;
    border-color: #000000;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    margin: 0 auto;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

Thank you.

John

[Excavator]

Hello johndove,
You have background colors on both #wrap and #footer-wrap. How do your corners look when you remove them?

[Excavator]

Oops, I replied too soon.

Once you remove those background colors, you can see your box shadow is applied to square shaped #wrap. It might be better to apply your rounded corners to #wrap so the shadow can also be rounded.

[johndove]

Excavator, you are THE MAN!! Thank you! : )