Non so se sbaglio il codice javascript o il css o tutti e due e debbo anche aver fatto già la domanda :master: (proprio non la trovo) ma sono costretto a chiedere aiuto per questo problema:
Ho una tabella con due righe e una colonna.
La prima riga contiene un div_contenitore che contiene un TextBox, textbox_ricerca, ed un altro div, div_lista.

Sotto, il codice javascript tenta di posizionare il div_lista sotto il textbox_ricerca.
Ed è qui il problema, perchè proprio non mi riesce :master:

Grazie per qualunque aiuto

codice:
<body>
    <table id="table1" border="1" style="" >
        <tr>
            <td>
                <div id="div_contenitore">
                    <input name="textbox_ricerca" id="textbox_ricerca" autocomplete="off" style="border: 1px solid rgb(0, 102, 153); width: 250px; padding-left: 2px; padding-right: 2px;" type="text" />
                    <div id="div_lista" style="position: absolute;height: 200px; width: 250px; z-index: 999; left: 0px; top: 0px; border: 1px #006699 solid; background-color: White"></div>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div style="width:300px; height:300px; border: 1px red solid; background-color:#FFFFD3"></div>
            </td>
        </tr>
    </table>

    <script type="text/javascript">
        var d = $('div_lista'); 
        var t = $('textbox_ricerca');
        d.style.left = ''.concat(t.offsetLeft, 'px');
        d.style.top = ''.concat(t.offsetTop + t.offsetHeight + 1, 'px');
    </script>    

</body>