увы не решает это проблемы, он сдвигает li до конца, но появляется новая дырка между предпоследнем li и последним.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css">
#mytestul li:hover {background:yellow;}
#mytestul li {width:10%; float:left;}
#mytestul li:last-child {float:right;}
</style>
</head>
<body style="margin-left:0px; margin-right:0px;">
<div style="width:100%; background-color:green; height:55px;">
<ul id="mytestul" style="list-style:none; padding-left:0px; padding-right:0px;">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>9</li>
</ul>
</div>
</body>
</html>
это все что есть в html файле, будут еще идеи? что это за хрень такая?
а без
li:last-child {float:right;} эта дырка просто в самом конце li будет.... WFT