[RESOLVED] Need help converting to 960Grid system

Need help converting the code below to use 960 grid system.
Most is already done by “cloning” the FourKitchens.com
main page but I can’t get the last three tables to work
correctly.

This code is contained within a container-16 element:

[code]
<!– COLUMN-LEFT –>
<div id=”column-left” class=”grid-11 suffix-1″>
<!– COLUMN-LEFT-INNER –>
<div id=”column-left-inner” class=”grid-11 clearfix”>
<!– CONTENT –>
<div id=”content”>
<!– CONTENT-BODY –>
<div id=”content-body”>
<!– HEADER_IMG –>
<div id=”header_img”>
<img src=”images/banner4.jpg” width=”640″ id=”banner” />
</div>
<!– END HEADER_IMG –>
<!– FILTER-ROW –>
<div id=”filter-row”>
<table width=”100%” border=”1″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><strong>Filter by :</strong> <a href=”categorytasks.php?category=&mny=&f=l”>Latest</a> | <a href=”categorytasks.php?category=&mny=&f=p”>Most Popular</a> | <a href=”categorytasks.php?category=&mny=&f=r11″>Highest Rated</a>&nbsp;</td>
<td>&nbsp;</td>
<td><strong>For $</strong>
<form name=”mnyform” method=”post” enctype=”multipart/form-data”>
<select name=”mnyindex” onChange=”indexcategoryload(document.mnyform.mnyindex.value)”>
<option value=”5″>5</option>
<option value=”10″>10</option>
<option value=”25″>25</option>
<option value=”50″>50</option>
<option value=”100″>100</option>
<option value=”150″>150</option>
<option value=”250″>250</option>
<option value=”500″>500</option>
<option value=”1″>1</option>
</select>
</form>
</td>
</tr>
</table>
</div>
<!– END FILTER-ROW –>
<!– TASK-ROW –>
<div id=”task-row”>
<table width=”100%” border=”1″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”107″>
<img src=”taskimages/a4d11fddb35c9f__donate.jpg” width=”106″ height=”76″ />
</td>
<td width=”17″>&nbsp;</td>
<td width=”476″>
<a href=”task_desc.php?No=21″ class=”mainheading”>I Will Keep it real for $1</a></span><br />
Just keep it real<br /><br />
<table width=”100%” border=”1″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”15%”>
<a href=”task_desc.php?No=21″ class=”heading”>
Read more
</a>
<img src=”images/small_twitter.jpg” width=”43″ height=”27″ align=”absmiddle” />&nbsp;<span class=”share” onClick=”showHideDiv(‘share21’)” style=”cursor:pointer;”> Share</span>
</td>
<td width=”8%”>
<div id =”share21″ style=”display:none;”>
<td width=”4%”>&nbsp;</td>
<td>
<a href=”fb_link” target=”_blank” class=”heading”>
<img src=”images/btn-facebook.png” alt=”twitter” width=”16″ height=”16″ align=”absmiddle” />
</a>
<a href=”twitter_link” target=”_blank” class=”heading”>
<img src=”images/btn-twitter.png” alt=”twitter” width=”16″ height=”16″ align=”absmiddle” />
</a>
</td>
<td width=”4%”>&nbsp;</td>
</div>
</td>
<td width=”1%”>&nbsp;</td>
<td width=”17%” align=”right”><a href=”task_desc.php?No=21″><img src=”images/order_now_btn2.gif” border=”0″ /></a></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!– END TASK-ROW –>
</div>
<!– END CONTENT-BODY –>
</div>
<!– END CONTENT –>
</div>
<!– END COLUMN-LEFT-INNER –>
</div>
<!– COLUMN-LEFT –>
[/code]

Any help would be greatly appreciated.

Also in #CSS _↴