Понял почему всё рушится

В области B есть строчка с текстом (в примере это "Название сайта")
Ширина этой строчки 150px (не я задаю, а так получается)

Если я ставлю Width = 140, строчка не влезает в область B
И браузер (Chrome) ставит области B максимально возможный размер
Только FireFox догадывается что слово "сайта" нужно перенести на следующую строчку

Вот реальный код на котором эта проблема проявляется

<table width=100% height=100% border=0 cellspacing=0 cellpadding=0>
<tr height=45>
    <td>
      <table width=10 border=0 cellspacing=0 cellpadding=0><tr><td></table>
    <td width=140>
    <td>
      <table width=10 border=0 cellspacing=0 cellpadding=0><tr><td></table>
<tr height=55>
    <td bgcolor=#05466C>
    <td bgcolor=#05466C>
        <span style="color: #FEFEFE;  font-size: 16pt;">Название сайта</span>
    <td bgcolor=#05466C>
<tr height=7>
    <td bgcolor=red>
    <td bgcolor=green>
    <td bgcolor=blue>
<tr>
    <td>
    <td valign=top>
      123
    <td>

</table>

Не важно через style я задаю width или прямо

Как быть то?