Menu con liste: vari problemi di posizione e immagini

[Donovant]

Non riesco a capire come mai in IE le immagini (background) dei tag contenuti nei[*] non si vedono proprio, ma in FireFox si.

HTML:

<div id=contMenu>
			    <ul id="menuBottom">
			    	<li id="home"><span></span>
					<li id="bacino">
					<li id="rend">
					<li id="merc">
					<li id="dove">
			[/list]
				
				<ul id="menuTop">
			    	<li id="scheda">
					<li id="planim">
					<li id="acti">
					<li id="servizi">
					<li id="info">
			[/list]	
			</div>

CSS:

/*----- MENU -----*/
#contMenu{ border:1px solid red; margin:0; padding:0;}

ul#menuBottom{ border:1px solid green; list-style:none; height:30px; margin:0; padding:0;}
ul#menuTop{ border:1px solid black; list-style:none;}
li{ float:left; margin:0; padding:0; }

li#home span{ float:left; background:url("img/HomeButton_.jpg")no-repeat bottom; width:75px; height:30px;
         border:1px solid red;
}
li#bacino a{ float:left; display:inline; background:url("img/HomeButton_.jpg")no-repeat top; width:75px; height:30px;
         border:1px solid red;
}
li#rend a{ float:left; display:inline; background:url("img/HomeButton_.jpg")no-repeat top; width:75px; height:30px;
         border:1px solid red;
}
li#merc a{ float:left; display:inline; background:url("img/HomeButton_.jpg")no-repeat top; width:75px; height:30px;
         border:1px solid red;
}
li#dove a{ float:left; display:inline; background:url("img/HomeButton_.jpg")no-repeat top; width:75px; height:30px;
         border:1px solid red;
}
/*----------------*/

Help me...thanks!

[Donovant]

Risolto...scusate.
Avevo sbagliato nel CSS:

background:url("img/HomeButton_.jpg")no-repeat bottom;

"no-repeat" deve essere staccato dalla parentesi del "url".
Saluti.