Problema com margin.

Olá pessoal, tenho a seguinte seqüência HTML:

<div id="BL_painelVip" class="BL_top"><span id="BLx_top"><img src="img/barraLateral/minus.png" />Painel VIP</span></div>
E logo abaixo segue os estilos:

.BL_top {
	background-image: url(../img/barraLateral/boxLateral_topo.png);
	height: 26px;
	width: 192px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#BLx_top {
	font-family: "Segoe UI";
	font-size: 15px;
	color: #4b6100;
	text-decoration: none;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 9px;
	display: table;
}

#BLx_top img {

	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}

Problema: No firefox, opera, chrome e safari está perfeito, com todas as margens... porém, no IE 7 ele só exibe a margem da esquerda, a do topo de 3 pixels ele não mostra...

OBS: O id="BL_painelVip" só serve pra eu identificar o elemento numa função javascript, nada mais...

Alguém tem uma solução pra isso?

Abrass.