Ahoj. Mám problém s verikálním menu. Když vytvořím menu, vše v pořádku. Ale nastavím při najetí myše se ukáže levý okraj. U všech prvků v pořádku, až na nejdelší. U něj je okraj posunutý, nevíte co s tím?
<body>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Aboutafasfasf</a></li>
<li><a href="#">Fotogalerie</a></li>
<li><a href="#">Blabla</a></li>
</ul>
</nav
</body>
body {
margin:0px;
padding:0px;
font-family:arial;
}
nav {
float:left;
width:auto;
height:600px;
}
ul {
margin:0px;
padding:0px;
}
ul li {
list-style-type:none;
display:block;
margin:0px;
padding:0px;
border:2px black solid;
}
ul li a {
display:block;
padding:20px 40px 20px 10px;
text-decoration:none;
background:white;
color:black;
font-size:25px;
}
ul li a:hover {
border-right:3px #333 solid;
}