Css

Des espaces apparaissent entre les 'li'

Spécification CSS :

"...line breaks within the (X)HTML should display as spaces where inline elements are concerned."

Pour éviter ces espaces, mettre tous les 'li' sur la même ligne.

Positionement en absolute dans un element enfant

Pour que ce soit pris en compte, le parent doit être en relative.

.container { position: relative }
.box { position: absolute; left: 10px }
<div class="container"><div class="box">dummy</div></div>