Border-radius округляет весь блок, а как закруглить только уголки?
Ну, епть, конечно же задать border-radius в px, а не в %.
https://jsfiddle.net/webirus/4qn2Lnht/5/
задавай в пикселях
https://jsfiddle.net/4qn2Lnht/6/