Easy Question for a Coder - WP Sidebar

I was hoping someone could help me get my ad blocks in the first pic layout like the ad blocks in the second pic.

I want mine to be 2 wide like the second pic instead of one single row. There must be some code I have to place where I want the image row to break?

Any help would be greatly appreciated!!





Here is the code I have in the sidebar for this:

<ul id="sidebarwidgeted">
	
	<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
	
		<div class="sidebar-box">
				<h2>Site Sponsors</h2>
				<div class="sidebar-ads">
					
<div class="sidebar-ads-in">

<div>
				<div>
					<div>


					
<br />  

<a onmouseover="window.status='http://xxxxx.com';return true;" onmouseout="window.status=' ';return true;" href="http://xxxxx.com" target="_blank">
<img src="http://xxxxxx.com/affiliates/images/125x125.gif" /></div>

<br />  

					<div class="sidebar-ads-in"><script type="text/javascript" src=http://www.xxxxx.com/xxx/xx/xxxxx/CODE7/125x125/1.gif></script></div>
					
					<br />  
					
					

					<div class="sidebar-ads-in"><a href="xxxxxxx.net/xxxxxxx" target="_blank" onmouseover="window.status='http://xxxxxxxx.com';return true;" onmouseout="window.status=' ';return true;">
<img src="http://www.xxxxx.com/xxxxx" width="126" height="126" alt="Free trial" border="0"/></a></div>

<br />  

					<div class="sidebar-ads-in"><a href="http://www.xxxxxx.net/xxxxxxxx" target="_blank" onmouseover="window.status='http://www.xxxxxx.com';return true;" onmouseout="window.status=' ';return true;">
<img src="http://xxxxxx/xxxxxxxxx" width="125" height="125" alt="xxxxxxxxx" border="0"/></a></div>


</div></div>
			</div>
		
	<?php endif; ?>
	
	</ul>

Code (markup):

 

Easiest way is probably to create two rows.

 

Use this code

<table width="250" border="0" cellspacing="5" cellpadding="0">
  <tr>
    <td><img src="125x125.gif" width="125" height="125" /></td>
    <td><img src="125x125.gif" width="125" height="125" /></td>
  </tr>
  <tr>
    <td><img src="125x125.gif" width="125" height="125" /></td>
    <td><img src="125x125.gif" width="125" height="125" /></td>
  </tr>
</table>

Code (markup):

 

it should look like this

<div id="minicontainer">
<div class="blockleft"></div>
<div class="blockright"></div>
</div>

in CSS

#minicontainer {width: 260px;}

.blockleft {width: 125px; float: left;}
.blockright {width: 125px; float: right;}