Alinhamento de colunas IE 6

Boa tarde pessoal !

Fiz um layout de com colunas e quando visualizei no IE 6, a coluna #bloco0 caiu pra baixo. Li sobre isso e encontrei a solução de usar display:inline; , como segue abaixo, o problema é que agora essa coluna aparece colada na #besqinicial, sem margem nenhuma. Tentei usar padding e aumentar a largura no lugar de margin, mas não adianta. Imagino que possam me indicar uma solução. Obrigado !

<div id="principal">
	<div id="besqinicial"></div>
	<div id="bloco0"></div>
</div>

<!--[if lt IE 7]>

	<style>
 #bloco0{
 overflow: hidden !important;
 display: inline !important;
 margin: 0px !important;
 padding-left: 20px;
 }
	</style>

<![endif]-->

#principal{
	display: block;
	width: 984px;
	height: auto;
	margin: 0px;
	padding: 20px;
	overflow: auto;
}
#besqinicial{
	width: 300px;
	height: auto;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	float: left;
}
#bloco0{
	width: 664px;
	height: auto;
	margin: 0px 0px 0px 320px;
	padding: 0px;
	margin-top: 0px;
	display: block;
}