CSS Разборки

Здравствуйте, Хочу добавить стрелочку к всплывающему блоку поиска.

Проблема вот в чем:
В стилях блока есть функция, из-за которой добавленная стрелочка не работает. Вот она:
overflow:auto;
Если ее удалить стрелочка отображается, но перестает работать функция сглаженных углов то-есть функция:
border-radius: 10px;
Как же совместить эти функции, чтоб была и стрелочка и сглаженные углы?
——————-
Вот код блока:

ul.search_results{
display: block;
border-radius: 10px;
background-color:#fff;
width:250px;
max-height: 500px;
position:absolute;
top:10px;
left:0px;
overflow:auto;
z-index: 9999;
padding: 0px; /*Обводка вокруг блока */
margin: 0px;
box-shadow: 0 0 7px 1px rgba(221, 221, 221, 1);
}

Стрелочка (Будет отображаться если удалить overflow:auto;)

ul.search_results:after {
bottom: 100%;
 left: 15%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none; } 

ul.search_results:after {
 border-bottom-color: #35acd7;
 border-width: 15px;
 margin-top: -15px; }