CSS TR height funktioniert nicht, wenn Sie mit Prozentsatz und Tisch-Höhe in px

Ich habe mein <table> width in Pixel, und ich möchte die Tabelle mit zwei <tr> und Sie haben zwei <td>.

Mein CSS ist:

table {
width:100%;
height:300px;
}

.ruutu {
width:50%;
height:50%;
}

.ruutu img {
width:100%;
height:100%;
}

<td> width sollte immer 50% der <tr>'s width. Und seine height sollte 50% <tr>'s height.

Aber nur width arbeitet, und height nicht.

jsfiddle: http://jsfiddle.net/Ugv3G/7/