[RESOLVED] Div float behavior inside of td's

[sevenhalo]

	<table style="text-align:left;width:100%;">
		<colgroup>
			<col style="width:49.5%; margin-right:0.5%;"/>
			<col style="width:49.5%; margin-left:0.5%"/>
		</colgroup>
                <tr style="">
          		<td style="">
                           	<div style="">
                			<div style="float:left;">
                                		<label style="" >Some of my text:</label>
					</div>
                			<div style="float:right">
		                        	<input name="sometext" value="" style="" size="40"/>
					</div>
                		</div>
        		</td>
              		<td style="">
				<div style="">
                			<div style="float:left;">
                                		<label style="" >More of my text:</label>
					</div>
                		        <div style="float:right;">
		                        	<input name="moretext" value="" style="" size="40"/>
					</div>
                		</div>
			</td>
                </tr>
	<table>

Thanks for the read.

This is the structure of my table (and yes, I do have to use a table here). Each td will contain a div that encapsulates various other elements. This "almost" behaves like I would like it to - except on resize. When the working area is shrunk and the input is ran into the label, I need the label to break on its whitespaces and leave the input on the same line as it.

I've tried as much as I know to make this happen and could really use some assistance.

Thanks.