класс border и box-shadow правильнее использовать так (что бы было одинаковое отображения во всех браузерах, для IE нужно отдельный хак) пример для оформления: border:1px solid #999999; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; behavior: url(border-radius.htc); (данный файл нужно скачать - это и есть PIE для IE) http://css3pie.com/ padding:20px; или еще один пример: border-left:1px solid #000;border-top-left-radius:10px 10px;-moz-border-radius-topleft:10px 10px;-webkit-border-top-left-radius:10px 10px;border-top-right-radius:10px 10px;-moz-border-radius-topright:10px 10px;-webkit-border-top-right-radius:10px 10px;border-bottom-left-radius:10px 10px;-moz-border-radius-bottomleft:10px 10px;-webkit-border-bottom-left-radius:10px 10px;border-bottom-right-radius:10px 10px;-moz-border-radius-bottomright:10px 10px;-webkit-border-bottom-right-radius:10px 10px; теперь с тенью: простой пример 1: -moz-box-shadow:10px 10px 5px #000000; -webkit-box-shadow:10px 10px 5px #000000; box-shadow:10px 10px 5px #000000; пример 2: сложный div { background: green; -webkit-box-shadow: 0px 0px 15px #222; -moz-box-shadow: 0px 0px 15px #222; box-shadow: 0px 0px 15px #222; } теперь хак для IE Суть реализации свойства box-shadow для ie сводится к четырёхкратному применению фильтра shadow с разными значениями direction. Таким образом тень начинает обрамлять весь контур контейнера. <!--[if IE]> <style type="text/css"> div { filter: progid:DXImageTransform.Microsoft.Shadow(color='#042b47', Direction=45, Strength=6) progid:DXImageTransform.Microsoft.Shadow(color='#042b47', Direction=135, Strength=6) progid:DXImageTransform.Microsoft.Shadow(color='#042b47', Direction=225, Strength=6) progid:DXImageTransform.Microsoft.Shadow(color='#042b47', Direction=315, Strength=6); position: relative; top: -12px; left: -12px; zoom: 1; } </style> <![endif]-->