I am trying to make an image to have a radius, but only in the specified tag.

but when I give the tag & image cross div styles it gives it a double border?

 

here is my code.

 

 

#main_post_container_ribbon_icon , img{
height:50px;
width:50px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
border:1px solid #444444;}

 

<div id="main_post_container_ribbon_icon">
					<img src="http://home.comcast.net/~grapeweet/grape/valandil/freeavatars/avatars/robotman.jpg">[/url]
				</div>

 

Please note. I do not own the image, it is a temp place holder.

All help and comments appreciated!

Edited November 10, 201213 yr by RickyCook

Have you tried removing the comma in the style?

 

#main_post_container_ribbon_icon img{