Skip to main content
3 de 4
se añadieron 93 caracteres en el cuerpo

Como evitar que un div o tabla dentro de un td se superponga al td "padre"

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>

imagen ejemplo