Закруглённые углы и тени в IE-8 и ниже

Советую почитать про css-спрайты (ссылку не дам, так как материалов по этой теме много) и заверстать сайт, используя png-24 в background-image для отрисовки уголков и теней. IE6 такой подход не поддерживает, поэтому для него можно написать css-хак, выводящий сообщение типа "на кофемолках сайт не работает, обновите кофемолку". Таким образом, если все правильно сверстать, сайт будет одинаково выглядеть во всех браузерах, не требуя включенного javascript'а.
Что же до IE6, то этого динозавра уже давно пора сливать в утиль, а скоро придет очередь и IE7. CSS3 можно будет вовсю использовать только тогда, когда "отвалится" IE8. А до этого момента CSS3 - просто украшение сайта для понимающих его браузеров.

Все, написанное выше - глубокое ИМХО и не претендует на открытие холивара.

ссылки по теме:

• http://htmlbook.ru/css/box-shadow - на данном сайте можно смотреть, какие CSS свойства поддерживаются какими браузерамии

Что касается советов, которые предлагают. Считаю, что навешивать кучу яваскриптов ради закругленных углов - это неправильный подход. Закругленные углы можно сделать, например, с помощью картинки. Градиент тоже.

Использование rgba конечно хорошо, но не все так просто для все того же IE6-8 нужно добавить костылики

background: rgba(0,0,0,0.3);
    *background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    *zoom: 1;

только так будет работать нормально, а что касается уголков и тенешек, то их нужно делать картинками. Самый простой способ (для новичка будет хороший опыт) это сделать 4 блока с позицией absolute и фиксированным размером и расскидать их по углам:

.corTopLeft{position:absolute;top:0;left:0}

Заодно и со спрайтами потренируетесь.