Мягкие края с использованием CSS?

Я использую RGBA для создания прозрачного фона, который накладывается поверх изображения. Работает нормально. У меня такой вопрос: есть ли способ «смягчить» края рамки, чтобы они больше переходили в изображение, а не резкие края.

Вот мой CSS для коробки:

#past{
    position:absolute;
    left:0;
    top:363px;
    background-color: rgba(34,34,34,0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99222222, endColorstr=#99222222);
    /* For IE 8*/
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99222222, endColorstr=#99222222);
    z-index:10;
    padding:10px;
}

Я знаю, что могу сделать это, создав фоновое изображение в Photoshop, но я искал только CSS, а не изображение.

Также я бы предпочел, если это вообще возможно, чтобы это работало во всех браузерах.

Спасибо за помощь. =>