Border mit abgerudeten Ecken

[Maresa P.]

Hallo,

für den Head einer Website möchte ich einen "Kasten" erstellen, welcher abgerudete Ecken hat.

Das CSS zu dieser Klasse sieht momentan so aus:

.head  {
 width : 758px;
 height: 98px;
 border : 1px solid #CC0000;
}

In HTML bekommt das DIV die Klasse zugeweisen:

<div class="head">
... Überschrift...
</head>

Nun möchte ich aber, dass die vier Ecken des "Kastens" (welcher durch border : 1px solid #CC0000; entsteht) abgerudet sind.

Frage: Wie lässt sich soetwas mit CSS realisieren?

Vielen Dank für Euere Hilfe

Maresa P.