Not rendering table full width

When this renders it isn't filling the width of the page. Does anyone know what might be causing this.

<figure class="table" style="float:left;">
<table>
<colgroup><col style="width:50%;"><col style="width:50%;"></colgroup>
<tbody>
<tr>
<td style="border-bottom:1.0pt solid windowtext;border-left-style:none;border-right-style:none;border-top:1.0pt solid windowtext;padding:0cm 2.85pt;vertical-align:top;width:59.1%;">
<strong>LED lamp type&nbsp;</strong>
</td>
<td style="border-bottom:1.0pt solid windowtext;border-left-style:none;border-right-style:none;border-top:1.0pt solid windowtext;padding:0cm 2.85pt;vertical-align:top;width:40.9%;">
<p style="text-align:center;">
<strong>Minimum efficacy&nbsp;</strong>(l/cW)
</p>
</td>
</tr>
<tr>
<td style="border-bottom:1.0pt dotted windowtext;border-left-style:none;border-right-style:none;border-top-style:none;padding:0cm 2.85pt;vertical-align:top;width:59.1%;">
LED lamps excluding LED Tubes&nbsp;
</td>
<td style="border-bottom:1.0pt dotted windowtext;border-left-style:none;border-right-style:none;border-top-style:none;padding:0cm 2.85pt;vertical-align:top;width:40.9%;">
<p style="text-align:center;">
60
</p>
</td>
</tr>
<tr>
<td style="border-bottom:1.0pt solid windowtext;border-left-style:none;border-right-style:none;border-top-style:none;padding:0cm 2.85pt;vertical-align:top;width:59.1%;">
LED tubes&nbsp;
</td>
<td style="border-bottom:1.0pt solid windowtext;border-left-style:none;border-right-style:none;border-top-style:none;padding:0cm 2.85pt;vertical-align:top;width:40.9%;">
<p style="text-align:center;">
90
</p>
</td>
</tr>
</tbody>
</table>
<figcaption>
<strong>Table 2: LEDs minimum efficacy in&nbsp;</strong><span style="color:black;"><strong>lumens per circuit Watts&nbsp;</strong>(l/cW)</span>
</figcaption>
</figure>

If you open that in a browser it is not full width either. You need to put width:100% on the table.