Problem in IE6 CSS

Hello i'm not able to see the best view in IE6 for this code.. kindly check pls..

 #content-wrapper {
	background-color:#F8F8F8;
	height: auto;
	min-height: 1024px;
}
.content{
	color : #000000;
	text-align : justify;
	padding: 0px 200px 10px 10px;
	height/**/:auto;
} 
.content-box{
	border:1px dashed #CCC;  
	background-image:url(../images/bg-box2.jpg);
	background-repeat:repeat-x;
	background-color:#B0CFE3;
}
.main-title{
	background-image:url(../images/bg_title.jpg);
	height:25px;
	padding:5px; 
	font-size:14px; 
	color:#41466b; 
	font-weight:bold; 
	font-family:Tahoma, Geneva, sans-serif;
}
#leftcolumn {
	display : inline;
	width : 205px;
	float : left;
	min-height : 1024px;
	background-color: #EFF0F0;
	height: auto;
	border: 1px dashed #CCC;
	position:relative;
} 

.left_title{
	font-weight:bold;
	width: 195px;
	height: 25px;
	padding: 5px;
	background-color: #CCC;
	background-image: url(../images/bg_title.jpg);
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #41466b;
}

<div id="wrapper">

  <!--Left column-->
  <div id="leftcolumn">
    <div class="left_title">Vertical Ads/Banner!</div>
    <div align="center" id="subs" style="margin-left:2px; margin-top:20px;"><img src="<?php echo $template ?>images/jobs-abroad.jpg" alt="" width="149" height="480" /></div>
  </div>
  <!--ENd of left column-->
  
  <!--Main content-->
  <div id="content-wrapper">
  
  	<!--right column inside the main content-->
    <div style="text-align:center;float:right; border:1px dashed #CCC; height:400px; width:190px;"> <a href="#" target="_blank"><img src="<?php echo $template ?>images/air2.gif" alt="" width="190" height="123" border="0" /></a> <a href="#/" target="_blank"><img src="<?php echo $template ?>images/poealogo.gif" alt="" width="140" height="57" border="0" /></a> 
    </div>
    <!--End of right column-->
    
    <!--Center column-->
    <div class="content">
      <div class="content-box" style="margin-left:200px;">
      
        <div class="main-title">Job Vacancy</div>
        
       <!-- Getting problem in IE6 the table-->
        <table cellpadding="0" cellspacing="0" class="tbbl">
          <tr class="tbbl">
            <th align="left" class="tbbl">Position</th>
            <th align="left" class="tbbl">Company Name</th>
            <th align="left" class="tbbl">Date Posted</th>
          </tr>
          <tr class="tbbl" bgcolor="<?php echo $color;?>">
            <td class="tbbl"><?php echo $row['title']?></td>
            <td class="tbbl"><?php echo $row['company']?></td>
            <td class="tbbl"><?php echo $row['date_posted']?></td>
          </tr>
        </table>
        <!--End of table-->
        
      </div>
    </div>
    <!--End of center column-->
    
  </div>
  <!--End of Main content-->
</div>

PHP:

result in IE6

 

Hello
can you give the website address ,so that it will be easy to figure out the issue..the image which you uploaded is not giving the correct idea about the issue. Well i think you should first create a separate css for ie6 that show the page as per your need and save it like ie6.css and then put this code in the main css <!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="./templates/ie6.css" />
<![endif]-->

Hope this helps

Regards