Объясните почему так:
<style type="text/css">
#mytestul li:hover {background:yellow;}
#mytestul li {width:10%; float:left;}
</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>
Такой элементарный код, список растянутый на все разрешение экрана от самого начала и до самого конца, на Chrome, Mozilla, и даже IE11, все как надо выглядит, но на таких браузерах как Safari, rekonq и что там еще есть в этом духе, справа все время присутствует какой-то отступ примерно в 5px!!
Почему так? слева все ок, в справа какой-то отступ идет и не как не могу от него избавиться... не каких других *.css файлов не подключается это весь код что вы видите....