Runda hörn i en cell + ett problem

Nedan följer lite kod som ger bakgrundsfärgen i en tabell cell hörn. Bara det att jag inte kan få innehållet i cellen att sträcka sig till 100% av höjden på cellen. I detta fall vill jag få tips på hur man kan få <h2> att sträcka ut sig till cellens fulla höjd. Om det innebär att lägga den i en extra div eller annat så må det vara hänt, bara det löser problemet.

CSS:

.roundcont { 
background-color: #f90; 
color: #fff; 
height:100%; 
} 
.roundtop { 
background: url(../images/tr.gif) no-repeat top right; 
} 
.roundbottom { 
background: url(../images/br.gif) no-repeat top right; 
} 
img.corner { 
width: 15px; 
height: 15px; 
border: none; 
display: block!important; 
}

html:

<td> 
<div class="roundcont"> 
<div class="roundtop"> 
<img src="../images/tl.gif" alt="" width="15" height="15" class="corner" style="display: none" /> 
</div> 
<h2>headline</h2> 
<div class="roundbottom"> 
<img src="../images/bl.gif" alt="" width="15" height="15" class="corner" style="display: none" /> 
</div> 
</div> 
</td> 
<td> 
bla bla bla...some dynamic content here determening the height of cell... 
</td>

Någon?