expand div to full height in cell with rowspan=2

In the following code I need to expand div inside TD1 to full height by using pure CSS only. This example works in Webkit and FF but not works in Opera and IE.

Please help me, how to get this example works in Opera and IE.

Thanks!

Code:

---

<tr>
<td id="custom"><div>TD 1</div></td>
<td><div>TD 2 kjhkhkhkjhj kjhkjhkjhjhk  khkjhkjhkjhkhkj</div></td>
</tr>

---

Code:

---

td#custom div {
    width:100px;
    height: 150px;
}

---