More ‘sliders’ in menu

Has anyone tried creating more ‘sliders’ in the menu?

My photoblog is at https://www.bestfriendsphotoblog.com

I created 11 sliders along with 11 new graphics (

<li class="bk1"><a href="https://bestfriendsphotoblog.com/?cat=11">Animals & Birds</a></li>
<li class="bk2"><a href="https://bestfriendsphotoblog.com/?cat=18">Buildings & Architecture</a></li>
<li class="bk3"><a href="https://bestfriendsphotoblog.com/?cat=3">Scuba & Underwater</a></li>
<li class="bk4"><a href="https://bestfriendsphotoblog.com/?cat=29">B&W, HDR, Infrared &Y Special Techniques</a></li>
<li class="bk5"><a href="https://bestfriendsphotoblog.com/?cat=26">Landscape & Nature</a></li>
<li class="bk6"><a href="https://bestfriendsphotoblog.com/?cat=33">Night Shots</a></li>
<li class="bk7"><a href="https://bestfriendsphotoblog.com/?cat=30">Just Messing Around</a></li>
<li class="bk8"><a href="https://bestfriendsphotoblog.com/?cat=7">Flowers & Trees</a></li>
<li class="bk9"><a href="https://bestfriendsphotoblog.com/?cat=23">Sunrise & Sunset</a></li>
<li class="bk10"><a href="https://bestfriendsphotoblog.com/?cat=4">People, Family, &Friends</a></li>
<li class="bk11"><a href="https://bestfriendsphotoblog.com/?cat=31">Travel & Vacations</a></li>

However, only 7 show and the one is the right is very ‘jumpy’.

Can someone advise if it is possible to put 11 sliders on the row.

Would decreasing the size of each image be the solution?

Do I need to edit something else in the code? Where? and How?

Thanks,