Inverse css image not showing in IE7, IE8

Question

I am trying to give a background image of a div using css. This is my css

.header {
    background: url("../images/header1.png") no-repeat scroll right 15px rgba(0, 0, 0, 0);
    height: 55px;
    padding: 5px 0 0;
    width: 100%;
}

This works fine on firefox and chrome even on IE9 and IE10, but it doesn’t work on IE8 or older. I have googled and also referenced this question, but didn't help.

Background image not showing IE8

Thanks, helpers in advance.

Answer 1

rgba is not supported in IE7 / IE8 http://css-tricks.com/rgba-browser-support/

Answer 2

 .header
    {
    background: url("../images/header1.png");
    background-repeat:no-repeat;
    background-position:right 15px;
    height: 55px;
    padding: 5px 0 0;
    width: 100%;
    }