<style type="text/css"> .box { background: #e7e9da; padding: 0; width:90%; position: relative; margin:25px auto; } .tl, .tr, .bl, .br { height: 25px; width:25px; line-height: 0; background: url(http://i011.radikal.ru/1012/af/dec13d0df8c8.png) no-repeat right top; position:absolute; z-index:10; top:-25px; left: 0%; } .bl {background-position: left -52px;top:100%; left: 0%;} .tr {background-position: right -26px;width:25px;top:-25px; left: 100%; margin-left:-25px;} .br {background-position: right -78px;width:25px;top:100%; left: 100%; margin-left:-25px;} .content, .under{ margin: 0 25px; padding:10px 25px; background: #e7e9da; position:relative; top:-25px; min-height:25px; } .under{ margin: 0 25px; height:25px; top:25px; padding:0; } </style> <div class="box"> <div class="tl"></div> <div class="tr"></div> <div class="bl"></div> <div class="br"></div> <div class="content"> </div> <div class="under"></div> </div> Способ с прозрачным фоном уголков.
