Div background color not showing in Internet Explorer 8 and before

Question

My Footer div is not showing the background color (supposed to be black...)  in Internet Explorer 8 and earlier.  It's assuming the body color instead.  Also the border color on top of the 'bubbles' that run across the page is wrong (supposed to be blue)    Is this just because Internet Explorer 8 and earlier did not support div background and border colors yet, or is there a work-around??  Or maybe I did something wrong?
The site is:    www.meridianwaterfiltration.com

Answer 1

martcol wrote:
I don't think that IE8 does rgba.
It should be OK with rgb but not rgba.
Martin
No its doesnt
I'd just use a hexidecimal color - black #000 and blue: #03f (see below)
.footer {
position: relative;
    width: 100%;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
    background-image: none;
    background-repeat: repeat-x;
    margin-top: 0px;
    clear: both;
    height: 350px;
    background-color: #000;
#bubble {
    background-image: url(Images/water drop 0banner.jpg);
    background-repeat: repeat-x;
    width: 100%;
    height: 43px;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #03F;
    margin: 0px;
    padding: 0px;
    background-color: #3FF;