1px TD width not working

Question

I have a 100px table cells and I am trying to fit a smaller table with 60 * 1px cells inside each of the outer cells

Could someone tell me why the green stripes are overflowing into the next TD

.innerStyle td {

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

    }

Answer 1

Because of spacing and probably padding. In ye olde days of HTML tables one would fix this by using

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

but nowadays this is possible to do with CSS.

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