rozjechane ul i li zawierajace linki, tylko w IE6 troche lepiej w ie7 Opcje

[kamiseq]

mam taka stronke projekt.
menu jest zrobione na ul-ach zawierajacyhc linki
pod ie linki te dostaja dodatkowy margines pod i nad i nie mam pojecia z czego to wynika:|

tutaj html menu

[HTML] pobierz, plaintext 
<!--  początek menu                           -->
			<div id="cnt1menu">
				<div id="cnt1menu_bcg">
					<h2 id="produkty"><span>produkty</span></h2><ul class="submenu">
						<li><a id="dodatki" href="dodatki"><span>dodatki do paliw</span></a></li>
						<li><a id="plyny" href="plyny"><span>płyny funkcjonalne</span></a></li>
						<li><a id="autokosmetyki" href="autokosmetyki"><span>autokosmetyki</span></a></li>
					</ul>
					<hr />
					<h2 id="pytania"><span>pytania</span></h2><ul class="submenu">
						<li><a id="ogolne" href="pytania ogolne"><span>ogólne</span></a></li>
						<li><a id="pytania paliwa" href="pytania paliwa"><span>o dodatki do paliw</span></a></li>
						<li><a id="pytania olej" href="pytania olej"><span>o dodatki do oleju</span></a></li>
						<li><a id="pytania psfunkcjonalne" href="pytania psfunkcjonalne"><span>o płyny i spraye funkcjonalne</span></a></li>
					</ul>
					<hr />
					<h2 id="eksploatacja"><span>eksploatacja</span></h2><ul class="submenu">
						<li><a id="podstawy" href="podstawy"><span>podstawy</span></a></li>
						<li><a id="usterki" href="usterki"><span>usterki</span></a></li>
						<li><a id="oszczedzanie"href="oszczedzanie"><span>jak zaoszczędzić paliwo</span></a></li>
					</ul>
				</div>
				<div id="cnt1menufooter"></div>
			</div>
	<!--  koniec menu                             -->
[HTML] pobierz, plaintext 

tutaj fragment css ktory za to odpowiada

[PHP] pobierz, plaintext 
<?php
#cnt1 #cnt1menu
{
	float: left; 
	display: inline;
	margin-left: 48px;
	width: 183px; height: 505px;
	background: url(../grafika/cnt1menu_backgroundy.gif) repeat-y;
	text-align: center;
}
#cnt1 #cnt1menu #cnt1menu_bcg
{
	float: left;
	display: inline;
	margin: 0px 0px 0px 11px;
	padding-top: 0px;
	width: 162px; height:505px;
	overflow: hidden;
	background: url(../grafika/cnt1menu_backgroundx.gif) repeat-x;
}
h2#produkty, h2#pytania, h2#eksploatacja
{
	display: block;
	width: 170px; height: auto;
}
#cnt1 #cnt1menu #cnt1menu_bcg ul li a span,
#cnt1 #cnt1menu #cnt1menu_bcg h2 span{display: none;}
#cnt1 #cnt1menu #cnt1menu_bcg hr
{
	margin: 5px auto;
	width: 132px; height: 1px;
	background: #fff/*url(../grafika/cnt1menu_hr.gif) no-repeat*/;
	color: #fff;
}
#cnt1 #cnt1menu #cnt1menu_bcg ul{list-style-type: none; background-color: yellow;}
#cnt1 #cnt1menu #cnt1menu_bcg ul li
{
	margin: 2px 0px;
	background-color: blue;
}
/*----------------buttony produkty-------------*/
#cnt1 #cnt1menu #cnt1menu_bcg h2#produkty
{
	display: block; 
	margin: 200px auto 1px auto;
	width: 94px;height: 21px; 
	background: url(../grafika/menu_produkty.gif) 0 0 no-repeat;
}
a#dodatki{display: block; margin: 0px auto;width: 99px;height: 13px; background: 
url(../grafika/menu_produkty01.gif) 0 0 no-repeat; background-color: green;}
a#dodatki:hover{background-position: -99px 0;}
a#plyny{display: block; margin: 0px auto; width: 97px;height: 14px; background: u
rl(../grafika/menu_produkty02.gif) 0 0 no-repeat;}
a#plyny:hover{background-position: -97px 0;}
a#autokosmetyki{display: block; margin: 0px auto; width: 85px;height: 21px; backg
round: url(../grafika/menu_produkty03.gif) 0 0 no-repeat;}
a#autokosmetyki:hover{background-position: -85px 0;}
/*----------------buttony -------------*/
?>
[PHP] pobierz, plaintext 

z tego co patrzylem to spany MiS(E)Iowi sie nei podobaja ale usuniecie ich dalej nie rozwiazuje problemu.

IE ble:D help