Почему в фаерфоксе при ховере не появляется элемент?

Question

[timtimIT]

Здравствуйте.

Подскажите,

Почему в фаерфоксе при ховере не появляется элемент?
В хроме все нормально, вот кусок кода:

<div class="block">
        <img src=""">
        <div class="hover">Hover</div>
    </div>

.block{	
        width: 25%;
        margin: 0 -4px -4px 0;
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: pointer;}

.block:after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;	
	transition: 0.5s;
}

.block:hover:after{
	background-color: rgba(240,146,41,0.7);
	transition: 0.5s;
	
}



.hover{
	width: 100%;
	display: inline-block;
	position: absolute;
	top: 43%;
	color: #fff;
	z-index: 100;
	opacity: 0;
	transition: 0.5s;
}

.block:hover .hover{
	opacity: 1;
	transition: 0.5s;
}

Answer 1

[HamSter]

Работает

Перед block в css точку забыл для класса!

Comments

[timtimIT]

да. есть дополнение к коду. дописан класс .block:after

[HamSter]

timtimIT: block:hover:after Опять точку не поставил!!!!

[timtimIT]

ок, в коде есть...

[HamSter]

и? Ссылку смотрел jsbin.com/mamelufona/2/edit?html,css,output ? Я в лисе делаю и эффект есть. При наведении, появляется надпись на оранжевом фоне! Так должно быть?!

[timtimIT]

блин, твой работает. почему мой код не работает??

[timtimIT]

в дополнение использую бутстрап 3 , вообще не могу понять почему в фф не работает.

[HamSter]

timtimIT: попробуй через валидаторы и html и css файл пропустить, возможно еще где-то точка потерялась

[timtimIT]

точка не могла потеряться использую sass compass