Вообщем проблема такая необходимо создать стиль для закругления краев и тени, которая может тянуться по ширине и высоте вот собственно мой код - проблема в том что я думаю его можно улучшить... Заранее спасибо за помощь...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
div.cs {
background:url(left_top.jpg) top left no-repeat;
position:absolute;
left: 100px;
width: 656px;
top:20px;
visibility: visible;
}
div.ps { margin-left:24px; height:28px; background: url(top-x.jpg) top left repeat-x;}
div.ps1 { background:url(right_top.jpg) top right no-repeat; height:28px;}
div.ps2 { width:100%; height:80%; background:url(left-y.jpg) left top repeat-y ; }
div.content {margin:0px; background:url(right-y.jpg) right top repeat-y ; padding-left:1em; height:100%; }
div.ps4 { background:url(left_bottom.jpg) left bottom no-repeat; height:28px; float:left; width:24px; }
div.gs4 {height: 28px; background:url(right_bottom.jpg) right bottom no-repeat;}
div.gs2 { height: 28px; background:url(bottom-x.jpg) left bottom repeat-x;}
div.gs3 { height: 28px; background:url(left_bottom.jpg) left bottom no-repeat; float:left; width:24px;}
div.gs4 {height: 28px; background:url(right_bottom.jpg) right bottom no-repeat;}
}
</style>
</head>
<body>
<div class="cs">
<div class="ps">
<div class="ps1"> </div>
</div>
<div class="ps2">
<div class="content">
<table width="91%" height="242" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</div>
<div class="gs2">
<div class="gs3"> </div>
<div class="gs4"> </div>
</div>
</div>
</body>
</html>
