Circular Avatar Problems?

[The Guy who keeps asking stuff]

I added this code to make avatars appear circular:

.avatar img {
border-radius: 100%;
}

The problem is, avatars that are shaped too tall/long appear like an oval and only square avatars work.

[♥ ℒʊ√ ♥]

You can try adding width and height to the code in a pixel size of your choice or a percentage.


.avatar img {
border-radius: 100%;
height: 125px; width: 125px;  
}


or


.avatar img {
border-radius: 100%;
height: 100%; width: 100%;  
}