0
I can’t find that mistake.
My Monitor has 1024px and body set to width: 97.65625% which gives 1000px.
The menu (ul) has 7 items (li's) each li with 141.7px plus 8 bordas of 1px every gift 999,9 pixels. I mean, they fit in 1000px. => (141.7 * 7) + 8 = 999,9
I have a menu on the page below that does not reach the left corner at all. He insists on giving a margem of some 50px.
But both above and below are correct.
It seems that although it is using list-style: none in ul, and the markers are really gone, these markers are still there occupying their place. Only can.
@charset "utf-8";
/* CSS Document */
* {
margin: auto;
}
body {
width: 97.65625%; /* 1000 px de 1024px */
}
ul {
list-style:none;
}
.liMenu {
float:left;
width:141.7px;
border-left: #000 1px solid;
text-align:center;
}
.liMenu:last-child {
border-right: #000 1px solid;
}
<ul class="ulMenu">
<li class="liMenu">Home</li>
<li class="liMenu">Cotato</li>
<li class="liMenu">Imóveis</li>
<li class="liMenu">Lançamentos</li>
<li class="liMenu">Oportunidades</li>
<li class="liMenu">Quem somos</li>
<li class="liMenu">Serviços</li>
</ul>

Has defined
margin: auto;for all elements, as written early in the CSS. Try puttingmargin:0;. If it works, that’s it.– Edu
that’s right. Thank you!
– Carlos Rocha