Chrome Bug? Border-box

by blowsie

HTML

<h1>This is buggy in chrome?</h1>

<table>
    <tr>
        <td>
            <textarea>Why dont i fit to my parent?</textarea>
        </td>
    </tr>
</table>
<table>
    <tr>
        <td>
            <span>Why dont i fit to my parent?</span>
        </td>
    </tr>
</table>
<div>
    <textarea>I fit my parent</textarea>
</div>

CSS

body{background:#bada55}
textarea, span {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    width:100%;
    height:100%;
    overflow:hidden;
    border:10px solid green;
    margin:0px;
    display:block;
    background:#eee;
    padding:10px;
}
div, table{ margin:10px; float:left }
div, td {background:red; width: 300px; height:300px;}