javascript - innerHTML、DOM 要素、背景色、スタイル

Question

DOM 要素と innerHTML を使用してテーブルに行を追加しています。それは機能します、問題はcell3だけです。背景色は表示されません。cell3 に要素が追加されているためだと思います。ヘルプ？

        var table = document.getElementById("vessel_tab");

        var rowCount = table.rows.length;
        var row = table.insertRow();
        //row.style.backgroundColor="#7F9EBE"; doesn't work as bg for entire row

        var cell1 = row.insertCell(0);
        cell1.style.backgroundColor="#7F9EBE"; working  

        cell1.innerHTML = "<font color='#000'><strong>EMS 345</strong></font>";
        cell1.colSpan = 2;

        var cell3 = row.insertCell(1);
        cell3.style.backgroundColor="#7F9EBE"; !NOT WORKING

        var element1 = document.createElement("input");
        element1.type = "checkbox";
        cell3.innerHTML = "<img title='remove'  src='images/delete-row-icon1.png' class='sub_icon remove'/> &nbsp;";
        cell3.appendChild(element1);