DIV/CSS layout - Need guidance

[Zurompeta]

Hello all,

I'm attempting to convert my current HTML table layout to a div layout. However, I'm running into snags here and there and I'm stuck on one that I need assistance with.

<div style="width:100%; display:none;" id="block_1_1">
	<div style="width:50%; float:left; margin:0px; padding:25px; text-align:center;">
		<div style="text-align:center; float:left; margin:0px;">
			<img style="margin:4px;" src="picture.jpg" />
		</div>
		<div style="height:100%; float:left; margin:0px;">
			<img src="plus_small.png" /><br />
			<img src="view_small.png" /><br />
			<div class="commentDiv"></div>
		</div>
		<div style="clear:both;"></div>
							
	</div>
	<div style="width:50%; float:left; margin:0px;">
		<div style="text-align:center; float:left; margin:0px;">
			<img style="margin:4px;" src="picture.jpg" />
		</div>
		<div style="height:100%; float:left; margin:0px;">
			<img src="plus_small.png" /><br />
			<img src="view_small.png" /><br />
			<div class="commentDiv"></div>
		</div>
	</div>
</div>

The above code is producing the following layout:

[IMG]http://www.pmlegion.com/divs.JPG[/IMG]

The area colored in red on the right is not supposed to be there. The following image illustrates how I want it to appear:

[IMG]http://www.pmlegion.com/divs_correct.JPG[/IMG]

Thanks for any help,
Zurom