Всем привет, не могу решить проблему: по идее при данном коде должна образовываться сетка, из блоков 100х100рх, 200х100рх и 200х200рх, однако на практике такое не происходит, если посмотреть на самую нижнюю строку таблицы то 2-я ячейка больше, , не могу причину :(

[CSS]
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp, small, strike,
strong, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, t
head, tr, th, td, input {
margin: 0;
padding: 0;
border: 0;
border-collapse:collapse;
outline: 0;
text-decoration:none;
list-style:none;
font-size: 100%;
vertical-align: top;
background: transparent;
outline:none;}

body {background: #242424;}

.matrix {margin:50px auto;}

table, tr, td {border:solid 1px red;}

.style_1 {width:100px; height:100px; border:solid 1px yellow;}
.style_2 {width:200px; height:100px; border:solid 1px green;}
.style_3 {width:200px; height:200px; border:solid 1px blue;}
[/CSS]