<html>
<head>
<style type="text/css">
div.sadyrjanie{
height:60px;
width:212px;
border: 2 px dashed red;
}
div#content1 {
background-image: url(1.gif);
background-repeat:no-repeat;
width:20px;
height:38px;
float:left;
}
div#content2 {
background-image: url(2.gif);
background-repeat:repeat-x;
width:164;
height:38px;
float:left;
}
div#content3 {
background-image: url(3.gif);
background-repeat:no-repeat;
float:right;
width:28px;
height:38px;
}
div#content4 {
background-image: url(4.gif);
background-repeat:repeat-y;
width:212px;
}
div#content5 {
background-image: url(5.gif);
background-repeat:no-repeat;
float:left;
width:20px;
height:19px;
}
div#content6 {
background-image: url(6.gif);
background-repeat:repeat-x;
width:178px;
height:19px;
float:left;
}
div#content7 {
background-image: url(7.png);
background-repeat:no-repeat;
float:right;
width:14px;
height:19px;
}
</style>
</head>
<body>
<div class="sadyrjanie">
<div id="content1">.</div>
<div id="content2">.</div>
<div id="content3">.</div>
<div id="content4">.<br/>.<br/>.<br/>.</div>
<div id="content5">.</div>
<div id="content6">.</div>
<div id="content7">.</div>
</div>
</body>
</html>