Floatbox not working on Spry region

I used a floatbox as a popup but it is not behaving as floatbox when it is
inside spry region. The <a href> on top works but the <a href> inside
spry:detailregion isn't.

Any help is much appreciated. I apologise if I post it in the wrong category.

<a href="copydetail.asp?titleID=1650" rel="floatbox">Test Floatbox</a>
<div spry:detailregion="dsTitle">
<div spry:repeat="dsTitle">
<table width="95%" spry:if="'{ds_RowCount}'>0;">
<tr>
<td width="18">{ds_RowNumberPlus1}</td>
<td colspan="2" class="tinfo"><a
href="copydetail.asp?titleID={TitleID}" rel="floatbox">{Title}</a></td>
</tr>
<tr spry:if="'{Author}'!='';">
<td width="18">&nbsp;</td>
<td width="35">Author:</td>
<td>{Author}</td>
</tr>
<tr spry:if="'{Classmark}'!='';">
<td width="18">&nbsp;</td>
<td width="35">Classmark:</td>
<td>{Classmark}</td>
</tr>
<tr spry:if="'{Imprint}'!='';">
<td width="18">&nbsp;</td>
<td width="35">Imprint:</td>
<td>{Imprint}</td>
</tr>
<tr>
<td colspan="3"><hr /></td>
</tr>
</table>
</div>
</div>