Проблема с CSS

[deNSe_01]

Нужно с помощью 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');
}

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

[walik]

<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 работает только для ссылок.