I'm attempting to enclose one "div" within another that might have multiple columns inside.
But, as shown in this example
<table class="datatable">
<tr>
<td class="leftcolumn">Radiobuttons:</td>
<td class="rightcolumn">
<div style="border: 2px solid grey;">
before
<div class="morecols">
<label><input type="radio" name="ctypeid" value="1" /> One</label><br />
<label><input type="radio" name="ctypeid" value="2" /> Two</label><br />
<label><input type="radio" name="ctypeid" value="3" /> Three</label><br />
<label><input type="radio" name="ctypeid" value="4"checked="checked" /> Four</label><br />
<label><input type="radio" name="ctypeid" value="5" /> Five</label><br />
<label><input type="radio" name="ctypeid" value="6" /> Six</label><br />
<label><input type="radio" name="ctypeid" value="7" /> Seven</label><br />
<label><input type="radio" name="ctypeid" value="8" /> Eight</label><br />
<label><input type="radio" name="ctypeid" value="9" /> Nine</label>
</div>after
</div>
</td>
</tr>
</table>
The blue-colored div is only the width of the first column. I want it to contain all three.
What am I overlooking?