estensione LI al 100%

[-AA-]

Sto cercando di dare ad una serie di LI la larghezza al 100% dello spazio a disposizione...ma senza successo.

Quel che sto facendo è uno slideshow semplice sfruttando JQUERY
(allego il layout)

attualmente ho colorato i LI per capire dove sono

questo è il css del carosello

.carousel{
	width:100%;
	height:470px;
	z-index:-1000;
	position:absolute;
	background-color:#000;
	overflow:hidden;
}

#slides ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
#slides li{width:250px;height:470px;float:left;}
#slides li img{}

e di conseguenza il suo HTML

	<div class="carousel">
	
			<div id="slides">
			<ul>
			<li style="background-color:#009900">
			<li style="background-color:#990000">
			<li style="background-color:#FF33CC">
			<li style="background-color:#999999">
			[/list]
			<div class="clear"></div>
			</div>
	
	</div>