Estou com um problema na estrutura de uma página HTML.
Quando clico em qualquer parte dela, ela aumenta uns Pixels, o que é indesejado, como resolvo isso?
Segue codigo-fonte:
<html>
<meta charset="UTF-8">
<head>
<div style = "background: #F5F5F5;width: 1247px; height: 150px; border-radius: 15px;">
<div style="text-align: center; position: relative; top: 25%; left: 0%;"><font size = "100">HOMEPAGE</font>
</div>
</div>
</head><br>
<body style = "">
<div style ="float: left; position: relative; left: 0%; width: 224px; height: 507px; background: #F5F5F5; border-radius: 15px; box-shadow: 5px 5px 10px #000000;">
<b><center><font style="">NAVEGAÇÃO</font></center></b>
<hr style="border: 2px solid #FFFFFF">
<a href = ""><center><h3>Inicio</h3></center></a>
<a href = ""><center><h3>Cadastro</h3></center></a>
<a href = ""><center><h3>Consulta</h3></center></a>
</div>
<div style ="float: center; position: relative; left: 20%; width: 748px; height: 507px; background: #F5F5F5; border-radius: 15px; box-shadow: 5px 5px 10px #000000;">
</div>
</body>
</meta>
</html>