Problemas con el padding en una tabla

Buenas,
Tengo una tabla con dos filas, como esta:


Le doy a los td un padding de 1%.

Cuando lo voy a ver en mi pagina se ve mal:


Voy al inspector de elementos y veo que existe el padding de 1% que yo he puesto:


Si yo en el inspector de elementos de chrome, deshabilito y vuelvo a habilitar esta propiedad, o pongo otro valor en el padding(por ejemplo 2%), el padding funciona correctamente:




Como puedo solucionar esto?
Un saludo

creo que el error se debe a que le estas dando padding a una celda pero no esta variando el tamaño de la tabla completa.

expandes la celda pero no la tabla...

Gracias por contestar [MENTION=172049]Claux[/MENTION] !!

Creo que eso que dices no hace falta, al aumentar la celda aumenta la tabla ella sola, no hace falta que la redimensiones.

De todas formas conseguí solucionar el problema, lo comparto aquí:
Simplemente cambie las medidas de porcentaje(%) a pixeles(px) y funciona.

Lo deje en:

No tengo ni idea de porque pasa esto.
A mi siempre me dijeron que en el css simpre era mejor poner las medidas con porcentajes para a la hora de redimensionar que se ajuste pero bueno.

Un saludo 😛8:

box-sizing: border-box;

Prueba con el width: 50%; con esto expandes el tamaño de la tabla y los td.

Usa bootstrap, es mucho mejor.