Slideshow - každý další obrázek ujíždí více doprava

Ahoj,
podle návodu na www.cssmojo.com/how-to-style-a-carousel/ jsem udělal slideshow s nějakými svými úpravami. Funguje to, je to responsivní, ale je tam jedna vada na kráse: každý další obrázek ujíždí o něco více doprava (i originál). Zkoušel jsem si hrát s vnitřními a vnějšími okraji (to nepomáhá), dát pro .carousel-list li obtékání float:left (celé se to rozsype). Na tomhle jsem se zasekl. Nevěděl byste někdo, co s tím? Ukázka je zde.

Pokud ještě někde něco nevyplave, vyřešeno. Upřesnění: originál funguje. Ale když jsem jej stáhl a vyhodil z něj komentáře mezi položkami seznamu, pustil u sebe, tak nefungoval. A ony ty komentáře mají význam právě kvůli těm mezerám. Jak jsem našel na CSS Tricks, kde jsou i další metody. Výsledek je zde.

Kvůli duplicitním výskytům identifikátorů slide-1, slide-2 a slide-3 nebyl validní kód. Kdyby se to někomu hodilo - validní řešení je zde.