Блок с тенью

Темы: CSS3скругленные уголкитень

Сделайте блок, показанный на рис. 1. Блок содержит скругления в заголовке и внизу блока. Вокруг блока тёмно-зелёная рамка и тень. Длина заголовка может меняться, соответственно, должна изменяться и ширина блока под ним, но при этом не превышать 250px.

Рис. 1

Необходимо соблюсти следующие условия.

• Валидная вёрстка на HTML5.
• Валидность CSS не важна.
• Таблицы и их имитация через стили не применяются.
• Уголки имеют фиксированный размер, ширина и высота уголков одинакова, задаётся в пикселах.
• Корректное отображение в браузерах IE9, Opera 11.10+, Firefox 5, Safari 5.0.5, Chrome 12+.
• Допустимы незначительные отклонения от макета при отображении в разных браузерах.

• Блок «резиновый», т.е. тянется по ширине окна браузера.