@jenya7771

Почему в мозиле при наведении на ссылку ссылка сдвигается вниз?

Почему в мозиле при наведении на ссылку ссылка сдвигается вниз? В то время, когда в хроме все работает?
jsfiddle.net/6Ey78
<div id="vhod">
		<ul class="paslog">
			<li><span>Логин:</span><input type="text" class="login"></li>
			<li><span>Пароль:</span><input type="password" class="password"></li>
			<div class="vot">
				<li><a href="#">Войти</a></li>
			</div>
			<div class="za">
				<li><a href="#">Забыл пароль</a></li>
			</div>
			<div class="zab">
				<li><a href="#">Регестрация</a></li>
			</div>
		</ul>
	<span id="cnopca" >АВТОРИЗАЦИЯ</span>
	</div>

#vhod {
float: right;
position: fixed;
left: 80%;
top: 0px;
padding-right: 10px;
background: #454545;
background: -moz-linear-gradient(top, #454545, #737373);
background: -webkit-gradient(linear, center top, center bottom from(#454545,), to(#737373));
opacity: 0.9;
border-radius: 0px 0px 5px 5px;
border: 1px solid #eee;
-moz-box-shadow: 0px 0px 2px #444;
-webkit-box-shadow: 0px 0px 2px #444;
box-shadow: 0px 0px 2px #444;
padding:10;
}
#cnopca {
margin-top:20px;
float:left;
color: #fff;
text-shadow: 0px 0px 3px #000;
font-weight: bold;
margin-left:65;
}
.paslog{
margin-left:;
padding: 10px;
float:;

}
.paslog li{
text-decoration:none;
list-style:none;
color:#fff;
padding:5;
margin-left:px;
}

.vot li a{
text-decoration:none;
list-style:none;
color:#fff;
padding:5;
float:right;
border:1px solid 000;
outline:1px solid 000;
}
.zabil ul{
border:1px solid 000;
outline:1px solid 000;
}

.vot li a:hover{
text-decoration:none;
list-style:none;
color:#262626;
padding:4 5 4 5;
float:right;
background:#D9D9D9;
border-radius:3px
}

.za li a {
text-decoration:none;
color:0EF44A;
border:1px solid 000;
outline:1px solid 000;
}
.zab li a {
text-decoration:none;
color:0EF44A;
border:1px solid 000;
outline:1px solid 000;
}

.za li a:hover {
text-decoration:none;
color:0EF44A;
padding:2;
border-left:solid 3px #0FBAE6;

}

.zab li a:hover {
text-decoration:none;
color:0EF44A;
padding:2;
border-left:solid 3px #0FBAE6;

}

.za li {
padding:10px;
margin-top:23px;
float:left ;
}
.zab li {
padding:5px;
margin-top:5px;
float:right ;
}

.paslog li span{
text-decoration:none;
list-style:none;
color:#fff;
padding:0 6 0 0;
}
.login{
margin-left:5;
padding:2 0 2 0;
-moz-border-radius: 0px 5px 5px 0px;
-webkit-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
-moz-box-shadow: inset 0px 0px 1px #444;
-webkit-box-shadow: inset 0px 0px 1px #444;
box-shadow: inset 0px 0px 1px #444;
background:#d8d8d8;
}
.password{
padding:2 0 2 0;
background:#d8d8d8;
-moz-border-radius: 0px 5px 5px 0px;
-webkit-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
-moz-box-shadow: inset 0px 0px 1px #444;
-webkit-box-shadow: inset 0px 0px 1px #444;
box-shadow: inset 0px 0px 1px #444;
}
.password:focus{
padding:2 0 2 0;
outline:none;
background:#fff;

}
.login:focus{
padding:2 0 2 0;
outline:none;
background:#fff;
}
  • Вопрос задан
  • 2722 просмотра
Решения вопроса 1
@ikeagold
Так много ошибок, подождите навести там порядок надо для начала)
jsfiddle.net/6Ey78/16
ну так, на скорую руку.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Это происходит из-за того, что элементы li в которые обёрнуты ссылки плавающие (float).

Как сказали выше верстка ужасная. Переделывайте полностью.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы