;;;;;;;;;;;;;; ul { padding: 0; margin: 10px 0 0 0; list-style: none } ul li { float: left; margin-left: 1px } ul li a { float: left; display: block; height: 41px; text-align: center; background: url('http://www.crea-web.fr/images/onglet.gif') repeat-x top; color: #fff; font-size: 11px; padding: 5px 20px 0 20px; font-weight: bold } ul li a:hover { background-position: bottom } J'ai également ajouté un pixel de décalage entre les onglets. Voici le résultat final :
