Помогите сделать слайдер резиновый

Здравствуйте!

у меня есть такой вот div

<div class="slider">

<li><img src="/images/slider.jpg" alt=""></li>

<li><img src="/images/slider.jpg" alt=""></li>

<li><img src="/images/slider.jpg" alt=""></li>

</ul>

</div>

хочу сделать так чтобы картинки крутились по горизонтали по одной на всю ширину и с размером на max-width:100%;

подскажите как решит эту задачу, буду очень признателен))