Почему не работает видимость CSS?

Я добавил в CSS класс "спойлер", который будет использоваться для спойлеров. Текст обычно невидим, но появляется при наведении указателя мыши на него, чтобы показать спойлер всем, кто хочет его прочитать.

.spoiler{
    visibility:hidden;

}
.spoiler:hover {
    visibility:visible;
}

Должно быть простым, но почему-то это не работает. Текст остается невидимым, даже если я наведу на него указатель мыши. Есть идеи, что может быть причиной этого?