подскажите как это делать
знаю что то типа

<div class='razd'><div
class='u1'><div class='u2'><div
class='u3'><div class='u4'>Раздел
</div></div></div></div>
</div>
aв css вроде так пишем
.u1 {background: url('/img/u1.png')
no-repeat top left;}
.u2 {background: url('/img/u2.png')
no-repeat top right;}
.u3 {background: url('/img/u3.png')
no-repeat bottom right;}
.u4 {background: url('/img/u4.png')
no-repeat bottom left;}

Так вот какую графику надо использовать?

а зачем графикой??? можно это сделать с помощью CSS

-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;

Скитч, border-radius не видит опера-мини
добавлено спустя 3 минуты:
GraF, я понимаю что круглую
добавлено спустя 5 минут:
как мне её сделать?

Logan, а вот теперь ясно, а если круг прозрачным сделать, наверно лучше будит

Дикий говнокод в 1-ом посте.
Читай про after, before и content.