Problema com DIVs no IE

Olá pessoal,

já estou um pouco nervozo com o meu CSS, e com o IE...

Então, eu fiz um div pra enquete, e ele fica certinho os tamanho no FF, mas quando abro no IE, a parte inferior dele fica maior do que o correto...

Antes de ver o código pra me ajudar, as imagens citadas nele são:

enqueteTop.gif: 222x28px

enqueteBottom.png: 221x10px

Certo, não vou passar as imagens, pra testar da pra criarem ai uma desse tamanho, mais facil...

O código é esse:

/ ENQUETE /

#boxEnquete{
	display: table;
	float: left;
	margin: -70px 0px 0px 0px;
	width: 222px;
}

#boxEnquete p{

	padding: 0px;
	margin: 5px;
	font-weight: bold;
}

#enqueteTop{
	background-image: url("images/enquete/enqueteTop.gif");
	background-repeat: no-repeat;
	display: table;
	height: 28px;
	width: 222px;
}

#enqueteMiddle{
	background-color: #e6e6e6;
	display: table;
	width: 221px;
}

#enqueteBottom{
	background-image: url("images/enquete/enqueteBottom.png");
	background-repeat: no-repeat;
	height: 10px;
	width: 221px;
}

agora o código HTML

<div id="boxEnquete">
 <div id="enqueteTop">
 </div>
 <div id="enqueteMiddle">
 <form name="frmEnquete" action="" method="post">
 <p>O que você achou do novo site?</p>
 <input name="option1" type="radio" value="value1">O melhor!
 <br/>
 <input name="option1" type="radio" value="value1">Regular
 <br/>
 <input name="option1" type="radio" value="value1">Ruim
 <br/>
 <input type="submit" name="btnSubmit" value="" id="btnSubmitVotar" />
 <input type="button" name="btnSubmit" value="" id="btnSubmitResultado" onClick="link('buscape','html')" />
 </form>
 </div>
 <div id="enqueteBottom">
 </div>
	</div>

Gostaria da ajuda de vocês, pois sou meio novo em CSS...

Agradeço desde já a atenção, obrigado!