Форум АНТИЧАТ - Показать сообщение отдельно - [HTML, Css]

Вообщем решили вопрос вместе с Basurman.
Вот кнопка в форме:

Код:

<form method="post" action="<?=$_SERVER['PHP_SELF']?>">
    <button type="submit" id="subm"></button>
</form>

Вот стиль для неё:

Код:

#subm {
      width: 170px;
      height: 170px;
      margin: 0;
      padding: 0;
      border: 0;
      background: url(images/logo1.gif);
      cursor: pointer;
	  }
	  
#subm:hover{
      width: 170px;
      height: 170px;
      margin: 0;
      padding: 0;
      border: 0;
      background: url(images/logo2.gif);
      cursor: pointer;
    }
	
#subm:active{
      width: 170px;
      height: 170px;
      margin: 0;
      padding: 0;
      border: 0;
      background: url(images/logo3.gif);
      cursor: pointer;
    }

В Опере при наведении курсора на кнопку картинка меняется на logo2, при нажатии на logo3. В осле шестом остаётся всегда logo1 (не меняется) Как исправить?

Цитата:

IE версии 6.0 и ниже не воспринимает псевдо-класс :hover для всех элементов, кроме тега <a>. Для решения этой проблемы советую прочитать статью CSS:hover для любого элемента...