lista orizzontale con immagini di dimensioni diverse

[gigi's]

salve a tutti,
ho letto la discussione sul menu orizzontale di immagini ma l'esempio riporta solo immagini della stesa dimensione...
devo fare la stessa cosa (ho già adattato il codice) ma ho delle immagini con dimensioni diverse. poosto il codice:

CSS

#partner ul{
	margin:0;
	padding:0;
	padding-top:50px;
	list-style:none;

}


#partner li{
	float:left;
	width: auto;
	height: auto;
	list-style:none;
}

#partner li a{
	display:block;
	width: 120px;
	height: 60px;
	text-indent: -1000em;
	text-decoration: none;
	background: no-repeat 0 0;
	list-style:none;
}

#fvg{
	background: transparent url(img/fvg.gif)  no-repeat left top;
	/*width: 112px;
	heigth :26 px;*/
}

#eu{
	background: transparent url(img/eu.gif) no-repeat left top;
	/*width: 77px;
	height: 52px;*/
}

#ri{
	background: transparent url(img/repubblica.gif) no-repeat left top;
	/*width: 59px;
	*height: 60px;*/
}

#colPord{
	background: transparent url(img/colPord.gif) no-repeat left top;
	/*width: 41px;
	height: 52px;*/
}

#I3A{
	background: transparent url(img/i3a.gif) no-repeat left top;
	/*width: 112px;
	height: 52px;*/
}

HTML

<div id="footer">		
			<ul id="partner">
					<li id="fvg"><span>Friuli Venezia Giulia</span>
					<li id="eu"><span>Comunit&agrave; europea</span>
					<li id="ri"><span>Repubblica Italiana</span>
					<li id="colPord"><span>Coldiretti Pordenone</span>
					<li id="I3A"><span>Interreg IIIA</span>
			[/list]
		</div>

se riusciste a rispondermi ve ne sarei grato, non riesco a capire...

[maurelio79]

Ciao, scusami ma non capisco l'utilità dello <span>. Poi, tu vorresti che l'immagine compaia sulla sinistra del link, giusto?
Se è così, non ti converrebbe usare il list-type-image?

Magari quello che ti ho detto non c'entra nulla , ma non ho ben capito cosa intendi?