Table resized by image

dabblet.css

/**
 * Table resized by image
 */

body, html {
	height: 100%;
	margin: 0;
}

div {
	border: 1px solid red;
	position: relative;
	height: 30%;
	border-radius: 20px;
}

table {
	border: 1px solid blue;
	position: absolute;
	height: 100%;
}

td {
	height: 100%;
}

img {
	border: 1px solid green;
	height: 100%;
}

dabblet.html

<div>
	<table>
		<tbody>
			<tr>
				<td>
					<img src="http://l2.ru/mail/2012-01-26/d-t.gif" />
				</td>
			</tr>
		</tbody>
	</table>
</div>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}