в HTML
Код:
<div id="rig" class="rounded">
* *
* *
* *
* *
* *<div class="content">
* * * *...
* *</div>
</div>
и в CSS
Код:
div.rounded{
* *position: relative;
* *margin: 0px 0px 0px 0px;
* *background: url(img/bgcen.gif) repeat-x;
* *padding: 0px 0px 0px 0px;
}
div.corner {
* *position: absolute;
* *width: 10px;
* *height: 10px;
}
div.topleft {
* *background-image: url(img/ctl.gif);
}
div.topright{
* *right: 0px;
* *background-image: url(img/ctr.gif);
}
div.bottomleft {
* *bottom: 0px;
* *background-image: url(img/cbl.gif);
}
div.bottomright {
* *bottom: 0px;
* *right: 0px;
* *background-image: url(img/cbr.gif);
}
div.content {
* *margin: 0px 10px 0px 10px;
* *padding: 10px 0px 10px 0px;
}
а если можно сделать контейнер плавающим, то в HTML
Код:
<div id="rig" class="rounded">
* *
* *
* *<div class="content">
* * * *...
* *</div>
* *
* *
</div>
в CSS
Код:
div.rounded{
* *float: left;
* *clear: both;
* *margin: 0px 0px 0px 0px;
* *background: url(img/bgcen.gif) repeat-x;
* *padding: 0px 0px 0px 0px;
* *border: 1px solid Red;
}
div.corner {
* *width: 10px;
* *height: 10px;
* *border: 1px solid Green;
}
div.topleft {
* *float: left;
* *background-image: url(../images/ctl.png);
}
div.topright{
* *float: right;
* *background-image: url(../images/ctr.png);
}
div.bottomleft {
* *float: left;
* *background-image: url(../images/cbl.png);
}
div.bottomright {
* *float: right;
* *background-image: url(../images/cbr.png);
}
div.content {
* *border: 1px solid Blue;
* *margin: 0px 10px 0px 10px;
* *padding: 10px 0px 10px 0px;
}
я бы сделал так (имея ввиду, что следующие в потоке элементы мой контейнер догонят )
ps: абсолютно позиционировать внутри контейнера можно лишь тогда, когда сам контейнер позиционирован. padding контейнера придется обнулить и задать отступы правилом для div'а content (иначе углы не выроняются по краю контейнера). margin контейнера тоже - эскплорер считает, что margin-отступы - это часть объекта (задайте их окружающими объектами или задайте отступы углов от границ ненулевыми и равными вашим margin-отступам, а в селекторе, который эксплорер не понимает, укажите что нужно делать прочим вменяемым браузерам).
pps: в мозиллах еще moz-правила есть . а еще лучше такие вещи делать генерируемым контентом. но эксплорер не поймет...