I did no styling, just a quick throw together and have only looked at it on firefox and Safari:
HTML Code:
<style type="text/css">
#gridl3_container {
position: relative;
clear: both;
float: left;
width: 100%;
overflow: hidden;
}
#gridl3_full {
position: relative;
overflow: hidden;
}
#gridl3_midmask {
float: left;
width: 70%;
position: relative;
}
#gridl3_rightcol {
float: right;
width: 30%;
position: relative;
}
#gridl3_leftcol {
float: left;
width: 200px; /*controls width of left column*/
position: relative;
overflow: hidden;
}
</style>
<div id="gridl3_container">
<div id="gridl3_leftcol">
<ul class="list_no_decoration" id="widgetlist_column1">$column[1]</ul>
</div>
<div id="gridl3_full">
<div id="gridl3_midmask">
<ul class="list_no_decoration" id="widgetlist_column2">$column[2]</ul>
</div>
<div id="gridl3_rightcol">
<ul class="list_no_decoration" id="widgetlist_column3">$column[3]</ul>
</div>
</div>
</div>