Menu nao tem espaço no bottom e no top no Ie, porem no firefox dá espa

.menu_title{
	font-size:1.2em;
	color:#003;
	font-weight:bold;
}

.spacer_menu_n_title{
	position: relative;
	display: block;
	clear: both;
	overflow: hidden;
	height: 1px;
	line-height: 1px;
	padding-bottom:5px;
	background:url(../img/images/tittle.gif) repeat-x;
	margin-top:4px;
}

.spacer_menu_n {
	position: relative;
	display: block;
	clear: both;
	overflow: hidden;
	height: 1px;
	line-height: 1px;
	padding-bottom:5px;
	background:url(../img/images/sep.gif) repeat-x;
	margin-top:4px;
}

ul {

	margin:0px;
	padding:0px;
	list-style-type: none;
}

ul li {

	text-decoration:none;
}

ul li a{

	text-decoration:none;
	color:#7a7a7a;
	font-size:12px;
}

ul li a:hover{

	color:#003;
}

<div class="spacer"></div><br /><ul><li class="menu_title">TV LCD<div class="spacer_menu_n_title"></div></li><li><a href="">Até 26"</a><div class="spacer_menu_n"></div></li><li><a href="">32" a 42" </a><div class="spacer_menu_n"></div></li></ul><div class="spacer"></div><br /><ul><li class="menu_title">TV Plasma<div class="spacer_menu_n_title"></div></li><li><a href="">42" a 52"</a><div class="spacer_menu_n"></div></li><li><a href="">Acima de 52"</a><div class="spacer_menu_n"></div></li></ul>

O IE não está dando espaço no bottom e no top, mas no FireFox da espaço no top e no buttom . Como resolvo isso ?

http://img14.imageshack.us/i/imgfirefox.jpg/ -> FireFox

http://img215.imageshack.us/i/imgiei.jpg/ -> Ie

<ul>
 <li><h3>TV LCD</h3></li>
 <li><a href="">Até 26"</a></li>
 <li><a href="">32" a 42" </a></li>
	</ul>

	<ul>
 <li><h3>TV Plasma</h3></li>
 <li><a href="">42" a 52"</a></li>
 <li><a href="">Acima de 52"</a></li>
	</ul>
 o resto é por conta do CSS, sem mecher nesse HTML. Com esse HTML que postei, é completamente possível reproduzir esse seu menu.Estude. Pesquise. Tente. Faça. Refaça.