How can I make a div inside a rowspanned table cell 100% high of the cell? Check out this example for reference: https://jsfiddle.net/gborgonovo/zqohw286/2/
In the provided example, I want the red div to vertically fill the yellow cell. Any suggestions on achieving this?
<table>
<tbody>
<tr>
<td rowspan="2" style="background-color: yellow;">
<div style="background-color: red; width: 200px; height: 100%;">
Some text
</div>
</td>
<td style="background-color: lightgreen; width: 200px;">
Row 1.1<br /> Row 1.2<br /> Row 1.3
</td>
</tr>
<tr>
<td style="background-color: lightblue; width: 200px;">
Row 2.1<br /> Row 2.2<br /> Row 2.3
</td>
</tr>
</tbody>
</table>