Как обрезать заливку выступающую за края при наведении на список?

Question

[Dude-1]

Что надо прописать, чтобы заливка обрезалась сверху по краям? Была с скругленными верхними углами?

Comments

[ⓒⓢⓢ]

вам так же на картинке показать как заливка обрезается?

Answer 1

[Сергей Попов]

Все просто. Добавить на родительский элемент overflow:hidden

Comments

[Dude-1]

Не срабатывает.

<div class="drop-menu">
<ul>
<li><a>My Account</a></li>
<li><a>My orders</a></li>
</ul>
</div>

У меня уже стоит overflow на теге "ul". Если я его прописываю на div то происходит еще больший бред все сдвигается.

[Сергей Попов]

Dude-1, Будьте тогда добры, поделитесь кодом на jsfiddle, чтобы можно было добавить вам решение.

Answer 2

[Dude-1]

Ответ: надо просто прописать фон с скругленными углами :hover {border:}