El ancho de 1px TD no funciona

Question

Tengo una tabla de 100px y estoy tratando de colocar una tabla más pequeña con celdas de 60 * 1 px dentro de cada una de las células externas

¿Alguien podría decirme por qué las rayas verdes se están desbordando en el próximo TD?

.innerStyle td {

        border-width:0px;
        border-collapse: collapse ; 

    }

Answer 1

Debido al espacio y probablemente el relleno. En los viejos días de las tablas HTML uno solucionaría esto usando

<table spacing="0" padding="0">

Pero hoy en día esto es posible hacer con CSS.

.innerStyle td {
    padding:0;margin:0;
    ...
}