ho to make absolute divs align with table cell/row?

Question

hello everyone,

i just started building a new website. the website page im working on at the moment is 100% percent height and 100% width, so the content should be viewed all the time. in the page i have a table, who represents the days of the week. now, every day of the week looks like this:

<td style="height:100%">
    <div style="position:relative; height:100%">
    <div style="position:absolute; width:100%; height:4.16%; top:25%">bla bla</div>
    <div style="position:absolute; width:100%; height:8.333%; top:29.16%">bla bla</div>                                           
    <table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%" style="position:relative;">
    <tr><td>0</td></tr>
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>23</td></tr>
    </table>
    </div>
    </td>

now, what happening is weird: it seems that the percantage top offsets given to the absolute divs, is not accurate enough, so the divs are not aligned to the table rows, and there exists space between the lines and the divs. is there any way to make the divs align properly with percantage? p.s. it works well with fixed sizes.

thanks in advance,

Tal