tengo un td, con un color de fondo y un border-radius aplicado, mi idea es que la mitad superior tenga un color y la inferior otra, pero al colocar un div para hacer la división del td, y colocar un color de fondo, este se superpone al borde del td, este es mi código:
<table width="100" height="100" align="center">
<tr>
<td valign="top" align="center" style="background-color: #FDD000; border-radius: 50px;">
<div style="height: 50px; width: 100px; overflow: hidden;">
<div style="height: 100%; width: 100%; background-color: #f5f5f5">
</div>
</div>
</td>
</tr>