trabalhando com css para se parecer com tabelas

Fala gaera, beleza? meu primero post aqui nesta seção... ehehhe.. minha dúvida é a seguinte:

Estou refazendo um projeto em tableless, tentando retirar o máximo de tabelas que eu puder para dar uma otimizada. Estoou com um probleminha na parte do conteúdo....

Meu projeto é dividido em 4 divs principais..

#topo

#menu

#conteudo

#label

o problema é a #conteudo

Partindo desde o início incontrei uma certa dificuldade em definir "margin: 1% 1% 1% 1%;", mas vai lá.. ficou parecido com o que eu queria, apesar de IE e FF apresentarem diferenças ainda está atendendo com minhas necessidades.

#conteudo{

	margin: 1% 1% 1% 1%;

	border-width: thin;

	border-style: solid;

	border-color: #999999;

	background-color:#FFFFFF;

}

Dentro da div conteúdo tenho que aplicar duas div's diferentes, que são elas:

#esquerda

#direita

 

#esquerda{

	float:left;

	left:160px;

}

 

#direita{

	float:right;

}

a esquerda será outro menuzinho onde chamarei um "include" e a #direita também chamará uma "include" porém será o conteúdo. Meu problema é:

*No IE aparece do jeito certo, a div com fundo, com bordas e tudo mais, porém no FF não! como posso resolver isso?

*O left da esquerda também não aplica :(

brigado desde já... abração :D