This has me stumped. I simply want to use rgba and a background image with fall back for IE8. Without having to say the image twice. Easy right.

With image twice it works everywhere
#top b {
background:rgb(255, 255, 255) url(../img/top.png) 11px 14px no-repeat;
background:rgba(255, 255, 255, .6) url(../img/top.png) 11px 14px no-repeat;
}

With image once it works nowhere
#top b {
background-color:rgb(255, 255, 255);
background-color:rgba(255, 255, 255, .6);
background-image:url(../img/top.png) 11px 14px no-repeat;
}

When I say "works nowhere" I mean the background color shows but no image. "b" is AP'd with dimensions. What am I missing?

Thanks,
Eric W