Закругленные углы с помощью DIV, без использования картинок

Облазил несколько сайтов сегодня. Как правило на них либо методы с использованием картинок, либо методы весьма громоздкие. Многие из них выложены отрывками в нерабочем варианте. Судя по всему они все содраны с какого то одного сайта, конечно не сказано с какого. Так что первоисточник я не знаю, да и не стал искать. :-) Нашел даже метод с использованием Javascript. Жесть!
В общем задача получить примерно такой блок:

со слегка закругленными углами.
Вот что получилось:
.pool_block, .pool_block b {
height: 1px;
font-size: 1px;
overflow: hidden;
border-style: solid;
border-width: 0 1px;
display: block; }

.pool_block {
margin: 0 0px;
background: #ededff;
border: none;
}

.pool_block b {
margin: 0 1px;
background: gray;
border-color: gray;
}

.pool_text {
border: 1px solid gray;
color: gray;
background: #ededff;
border-width: 0 1px;
font-size: small;
padding: 0 3px;
}
Это CSS. А это собственно HTML:
< div >< b >< /b >< /div >
< div >< ?php echo $WDomain['Pool']['name'];? >< /div >
< div >< b >< /b >< /div >
Хм... В Blogger.com пришлось рядом с < и > ставить по пробелу :-)

Оригинал