Main Col Slips Below Left Col + IE6

[obrienkev]

Hi all,

On my webpage in IE6 the table sinks in line with the bottom of the left column div.

In FF the table sits fine.

Why is this?

Thanks.

 #content {
 			margin: 10px 10px 20px 22%;
 }
 
 /* mac hide \*/
 * html #content, * html #content p {height:1%}
 /* end hide*/
 
 #leftcol {
 					float: left;
 					width: 20%;
 					margin: 10px 0 10px 0;
 					border-right: 1px solid #ccc;
 }
 
 #excel table {
 			 border: #A3A3A3 solid 1px;
 }
 #excel td {
 	font-family: arial, geneva, sans-serif;
 		background: #f3f5fc;
 		border: #ccc 1px;
 		padding: 0px;
 		margin: 3px;
 		font-size: .7em;
 }

HTML:

 <div id="leftcol">
 
 </div>
 
 <div id="content">
 
 <div id="excel">
 <table><tr><th class="tbl_head">Corporates</th></tr>
 <tr><td>SECURITY ID</td><td>EX DATE</td></tr>
 </table>
 </div>
 
 </div> <!--  end content div  -->