Закругление углов и прозрачность с помощью CSS

Иногда в дополнении к дизайну сайта хотелось бы сделать нечто необычное или как-то преукрасить часть страницы. Этот небольшой урок о том, как с помощью CSS закруглить углы фона и сделать его прозрачность не пользуясь графическими редакторами. Выполняется это слоями, хотя можно обойтись и без них (в таком случае убираем position: relative).

В файле css пишем следующее:
.class_name {
border-radius: 8px;
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
position: relative;
bottom: -8px; # произвольные отступы, также можно воспользоваться другими атрибутами (left, right, top).
left: 38px;
width: 648px; # произвольные размеры слоя.
height: 30px;
background-color: #686868;
opacity: 0.8;
text-align: center;
font-size: 12px;
color: white;
}
В html файл пишем:
<div class="class_name">Текст или картинка</div>
В некоторых версиях IE не работает.