عدم اعمال border-radius

[hahaie]

سلام دوستان
کد زیر یه عکس با border radious هستش:


<div id="div_main_left" style="width: 230px;height: 500px;">
<ul id="ul_tv" style="padding: 0;margin: 0">
<li>
<a style="display: block; position: relative">
<img class="li_image" src="Images/TV_100_Innovative_Products.jpg" style="width: 230px;height: 130px;border-radius: 50%"/>

</a>
</li>
</ul>
</div>

به کمک کد زیر یه سایه انداختم روی عکس:


<style>
#ul_tv li a::before{
content: " ";
width: 100%;
height: 130px;
background: rgba(0,0,0,0.3);
display: block;
position: absolute;
}
</style>
مشکلم اینه که چرا قسمتهای اضافی سایه برش نمیخوره و نشون داده میشه؟
اینم عکس(برای کدای بالا):
145714
ممنون

[Derak_Ali]

کافیه همینطور که به عکس 50% radius دادی به سایه هم همین مقدار رو بدی

145722