Imagem aumentar junto com a div (porcentagem)

[WBS DIGITAL 6]

Salve galera, então, me deparei com um problem(ão) aqui, seguinte, tenho um layout responsivo, quero que ele aumente juntamente com a resolução da tela, até aí, tudo perfeito, mas quando coloco alguma imagem dentro dessa div dá errado, isso acontece pq a div aumenta, mas a imagem não acompanha.

    <div id="slideQuatro">
<div id="slideshow">
		<ul id="nav">
			<li id="prev"><a href="#">Previous</a></li>
			<li id="next"><a href="#">Next</a></li>
		</ul>
	
		<ul id="slides">
			<li><img src="slide/banner01.jpg" alt="Harley Davidson Sportster" /></li>
                        <li><img src="slide/banner02.jpg" alt="Harley Davidson Sportster" /></li>
			<li><img src="slide/banner03.jpg" alt="Harley Davidson Sportster" /></li>

		</ul>
	</div>     
     
    </div><!--fim#slideQuatro-->

css:

div#slideshow {
	width: 100%; height: 380px;
	position: relative; z-index: 5;
}

div#slideshow ul#nav {
	display: none;
	list-style: none;
	position: relative; top: 130px; z-index: 100;
}
	div#slideshow ul#nav li#prev {
		float: left; margin: 0;
	}
	div#slideshow ul#nav li#next {
		float: right; margin: 0;
	}
	div#slideshow ul#nav li a {
		display: block; width: 30px; height: 90px; text-indent: -9999px;
	}
		div#slideshow ul#nav li#prev a {
			background: url(../img/prev.png);
		}
		div#slideshow ul#nav li#next a {
			background: url(../img/next.png);
		}

	div#slideshow ul#slides {
		list-style: none;
	}
		div#slideshow ul#slides li {
			margin: 0 0 20px 0;
		}

Para verem funcionando:
http://www.zixinformatica.com/adminwzix/

[Jayr Alencar Jhs 2]

Coloca

width: 100%;

no css da imagem

div#slideshow ul#slides img{

width: 100%;

}