Okay. So I started a new little project this hour ,and I am trying to get this circle to not have a white background behind it, but just in the circle?

 

This is my HTML

<div id="profile_template_left_un">
<div id="profile_template_left_deux">
 <div id="profile_template_left_deux_image">
 </div>
</div>
</div>

And this is my CSS

#profile_template_left_un {
width: 230px;
height:auto;
background:#ffffff;
border:1px solid rgba(0,0,0,0.45);
float:left;
margin:0 auto;
}
#profile_template_left_deux{
width: 90px;
height:auto;
background:#333333;
border:1px solid rgba(0,0,0,0.45);
margin:0 auto;
}
#profile_template_left_deux_image{
width: 160px;
height:160px;
margin:0 auto;
border:2px solid rgba(0,0,0,0.45);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}

 

Sadly I cant provide a live preview as I don't have my own domain atm.

 

~Ricky.

thanks to any responders.

Edited November 12, 201213 yr by RickyCook

Do you want something like this?

http://codepen.io/HeyDanReeves/pen/DoBrg