Cerchio attorno ad immagine, problema del bordo

[provoadimparare]

Ciao a tutti, sto provando a cerchiare un immagine che ho caricato mediante i css. Voglio ottenere lo sfondo del cerchio trasparente e il bordo colorato. Ho provato in questa maniera ma non vedo il bordo (solo lo sfondo se lo imposto). Dove sbaglio?

Questa è la mia immagine originale:

<img class="aligncenter" alt="service-4-134x134" src="http://localhost/test/wp-content/uploads/2013/04/service-4-134x134.png" width="134" height="134" />

Ho provato ad aggiungere un div come segue

<div id="cerchioimmagine"><img class="aligncenter" alt="service-4-134x134" src="http://localhost/test/wp-content/uploads/2013/04/service-4-134x134.png" width="134" height="134" /></div>

E impostare questo nel css

#cerchioimmagine {
width: 140px;
height: 140px;
border-color: #4E3B2C;
border-radius: 50%;
}

Ma non si vede il cerchio (il bordo ovviamente) e l'immagine non è più allineata al centro. Ho provato allora a definire così il css ma nulla cambia:

#cerchio {
width: 140px;
height: 140px;
border-color: #4E3B2C;
border-radius: 50%;
display: block;
margin-left: auto;
margin-right: auto;
}

Sicuramente è un errore banale ma sono due giorni che non capisco dove sbaglio (sto imparando con le lezioni di HTML e il libro/guida della Apogeo (HTML5, CSS3 e Javascript).

Grazie a quanti vorranno aiutarmi

[partime]

Nella definizione dello stile manca l'indicazione relativa allo stile del bordo (credo vorrai metterlo solid) ed eventualmente allo spessore del bordo.

[provoadimparare]

manca l'indicazione relativa allo stile del bordo (credo vorrai metterlo solid)

Avevo provato anche quello ma non funzionava..erorre di battitura. Grazie mille