Section 2
<style type="text/css">
/* hard reset */
* {margin:0;padding:0;}
/* to center the layout in IE 5 */
body {text-align:center;}
/* to reset the text-alignment, remove bullets on the LIs (IE Mac, Safari) and center the main container in good browsers */
#wp {
text-align:left;
width: 55em;
margin:0 auto;
list-style:none;
}
/* we treat the LI that contains the UL with the three colums as a table */
#bd {display:table;}
#doc {display:table-row;}
#s1,#s2,#s3 {display:table-cell;}
/* for IE */
#s1,#s2,#s3,{
display:inline;
zoom:1;
vertical-align:top;
}
/* for all */
#s1 {width:12em;}
#s2 {width:29em;}
#s3 {width:14em;}
/* for IE Mac */
/**//*/
#s1,#s2,#s3 {
display:inline-block;
float:left;
}
#ft {clear:left;}
/**/
</style>
<!--[if lt IE 5.5000]>
<style type="text/css">
/* to avoid column #3 to drop in IE lt 5.5 */
#s1 {width:11.9em;}
</style>
<![endif]-->