Проблема с блоками DIV

Съезжают блоки DIV. Когда делаю все доп. поля в одном , картинка съезжает далеко вправо.
Подскажите как сделать, что бы блоки шли до заданной ширины, а потом автоматом последующие передвигались на новую строку. Спасибо.


Код, выводящий эти блоки:

<table width="100" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="left">[xfgiven_1][xfvalue_1][/xfgiven_1]</td>
        <td align="left">[xfgiven_2][xfvalue_2][/xfgiven_2]</td>
        <td align="left">[xfgiven_3][xfvalue_3][/xfgiven_3]</td>
        <td align="left">[xfgiven_4][xfvalue_4][/xfgiven_4]</td>
        <td align="left">[xfgiven_5][xfvalue_5][/xfgiven_5]</td>
        <td align="left">[xfgiven_6][xfvalue_6][/xfgiven_6]</td>
        </tr>
        <tr><td align="left">[xfgiven_7][xfvalue_7][/xfgiven_7]</td>
        <td align="left">[xfgiven_8][xfvalue_8][/xfgiven_8]</td></tr>
</table>

А вот код дополнительного поля:

<div style="padding: 0 4px 0 0"><div style="padding: 1px 2px 2px 2px; border:1px solid #E8E8E8; font-family:Tahoma; font-size:10px; width:49px; text-align:center"><font color="#D96100">привет</font></div></div>

 Источник:dle-faq.pro, DLE