Javascript-форум - Проблема с CSS

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - Проблема с CSS (https://javascript.ru/forum/events/18492-problema-s-css.html)

Проблема с CSS

Нужно с помощью css сделать так, чтобы содержимое div'а с фоном (background-image) класса klass не отображалось, а при наведении курсора на этот div фон менялся, а контент становился виден. В css я полный нуб. Написал, но ничего не хочет работать. Вот пример скрипта:

Код:

.klass

{

      background-image:url('images/frame.png');

}



.klass a

{    

      display:none;

}



.klass:hover a

{

      display:inline;

      background-image:url('images/frame_h.png');

}

Помогите, плиз! Какая здесь ошибка?

<div class="klass">
<a href="#">fdgdfgfehgfoihujfiohjofehjeofh</a>
</div>
<style>
.klass {
   height: 20px;
   background-image: url(http://javascript.ru/forum/images/smilies/smile.gif);
}

.klass a {
   display: none;
   color: white;
}

.klass:hover {
   background-image: url(http://javascript.ru/forum/images/ca_serenity/misc/logo.gif);
}

.klass:hover a {
   display: inline;
}
</style>

Но учтите что, :hover в IE6 работает только для ссылок.