css problen in IE 6-7

Heilo experts.
I have  aproblem with the following menu.
The characters (1) in the shopcart list element are not visible in IE 6-7(tested with IEtester)
Any help?

<style type="text/css">
/*navbar */
ul#menu{margin-top:0; padding:0; list-style:none;}
#menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin:0;padding:0;height:21px;}
#menu li a{background:url('style/images/menu/navbuttons.gif') no-repeat; width:100%; height:100%; display:block;}

/* Home Button */
#menu li.home{width:70px; height:21px;}
#menu li.home a{background-position:0px 0px;}
#menu li.home a:hover{background-position:-189px 0px;}

/* Shopcart Button */
#menu li.shopcart{width:164px; height:21px;}
#menu li.shopcart span {overflow:visible;text-indent:0px;  display:inline;zoom:1;*display:inline; float:right; margin-top:4px;}
#menu li.shopcart a{background-position:0px -21px;color: #600;}
#menu li.shopcart a:hover{background-position:-189px -21px;color:#333366}
#menu .divider { background:url('style/images/menu/divider.gif') no-repeat; width:10px; height:20px; margin-left:5px; padding-right:5px;}
/* end navbar */
</style>

<ul id="menu">
<li class="home"><a href="index.cfm?carttoken=506550Q051311104542">Home</a></li>
<li class="divider">&nbsp;</li>
<li class="shopcart"><a href="index.cfm?action=view&carttoken=506550Q051311104542">Shopcart <span>(1)</span></a></li>
</ul>

Select allOpen in new window