Вырезать круглую часть из блока

Подскажите, это реально, пусть и не кроссбраузерно?

Я частично решил эту проблему, но только если фон не картинка. Т.е надо залить внешний фон и фон круга.

Задача в том, чтобы:

-никаких картинок, только css

-граница (красная) была полупрозрачной, (использовал border:5px solid rgba(169, 62, 37, 0.5); )

-фон внутри блока градиент (с помощью сайта, первый попавшийся через поиск)

-резиновый в ширину/длину (через min-width, min-height)

-круг фиксированный (блок с border-radius = width = height)

http://freecodes.ru/block.html

Вот как вышло для однообразного фона (в фаербаге можно цвета менять, текста добавить, чтоб убедиться в прозрачности и резинке).

Может в css3 есть какой-то вариант? Или вобще идеи? Помогите пожалуйста.