Quando eu defino o padding
de alguma div
dá uma diferença de 1px
, eu estou construindo um menu, define o padding
na #menu ul li a
e a diferença de um navegador para o outro é mais 4 px
, existe algum hack para isso?
<body>
<section>
<header>
<nav id="menu">
<ul>
<li><a href="home.php">Home</a></li>
<li><a href="produtos.php">Produtos</a></li>
<li><a href="contato.php">Contato</a></li>
<li><a href="quemsomos.php">Sobre nos</a></li>
</ul>
</nav>
</header>
<section>
</body>
</html>
body { background-color:#87CEEB; width:100%; height:10%; } header { width:1100px; height:200px; background-color:white; margin-left:120px; } nav#menu ul { padding-top:209px; padding-left:2px; } nav#menu li{ margin: -2px; /*TIRA O ESPAÇAMENTO DO MENU/ JUNTA OS*/ } nav#menu ul li { display: inline; /*DEIXA O MENU NA HORIZONTAL*/ } nav#menu ul li a { background-color:#FFF68F; text-decoration: none; /*TIRA O ANDERLINE DO MENU*/ padding-right:110px; /* DEFINE O TAMANHO DO MENU*/ padding-left:110px; /* DEFINE O TAMANHO DO MENU*/ padding-bottom:10px;/* DEFINE O TAMANHO DO MENU*/ padding-top:10px;/* DEFINE O TAMANHO DO MENU*/ margin-top:6px; }
</nav>