How would you format 2 list boxes next to each other

with transfer buttons in between

[Fotiman]

This is more of a philosiphical question. I'm just wondering how people would tackle this, particularly how would you format the HTML and CSS (without using tables)?
Here's what I want visually:

+-------+..............+------+ 
¦ Item1 ¦..............¦``````¦ 
¦ Item2 ¦ [ > ] [ >> ] ¦``````¦ 
¦```````¦ [ < ] [ << ] ¦``````¦ 
¦```````¦..............¦``````¦ 
+-------+..............+------+ 

That's a list box on the left, 4 buttons between them, centered vertically, and another list box on the right.

[Fotiman]

Here's how I would start the semantic HTML portion:

<form action=""> 
... 
<div class="listMover"> 
 <select name="srcList" class="srcList"> 
  <option value="1">Item1</option> 
  <option value="2">Item2</option> 
 </select> 
 <div class="listMoverControls"> 
  <div class="toControls"> 
   <input type="button" name="toSingle" value="&gt;"> 
   <input type="button" name="toAll" value="&gt;&gt;"> 
  </div> 
  <div class="fromControls"> 
   <input type="button" name="fromSingle" value="&lt;"> 
   <input type="button" name="fromAll" value="&lt;&lt;"> 
  </div> 
 </div> 
 <select name="destList" class="destList"> 
  <option value=""></option> 
 </select> 
</div> 
... 
</form>