Image border help Options

[69urkle69]

Hi there. I'm new to coding and having trouble with an image border. When i enter in my code the picture shows up with a border, however the border is behind the picture. The picture is sitting on top of the border and not being enclosed in it. Here's the code i'm using including the css.

.image {
margin: 40px 30px 0px 0px;
border: 15px solid black;
border-radius: 100px;
float: left;
}

<div class="image">
<img src="http://i.imgur.com/GW3OTwCm.jpg?1"/></div>

I also have image links on the page to social media sites. If i change the css to img {} it creates the correct border on the picture but it also effects all of the other images including the links. I just want the original picture to have a border.

Any help would be appreciated

Thanks

[pandy]

Use a smaller border-radius or add some padding to the picture. I think 25px border-radius looks good. Or if you keep the 100px border radius 25px padding all around will keep the whole image inside the border.

[69urkle69]

That works. Thanks very much