Same Number Of Fluid Tiles In A Row, No Matter The Screen Width - CSS/jQuery?

I need to have 23 square tiles, same width and height, on a row, to cover the screen 100% whatever the device. This is what I got so far and what it should look like, but it's adju

Solution 1:

you have applied a padding to the list item. Normaly the width of the padding is not calculated to the overall width. This leads to the undesired break in the elements. Like it say 5 times a day: set it to border-box

*
{
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

http://jsfiddle.net/NicoO/pN5b6/