Opacidade nas Imagens

Gostaria de saber como faço para colocar uma certa opacidade nas imagens de meu site e quando o usuário passar o mouse por cima ela voltar para 100%. Tentei fazer por css atribuindo as linhas de comando a uma classe e a utilizando na tabela e imagem mas não funcionou. Alguém tem ideia de como fazer isso usando o editor JCE?

Adicione CSS pelo JCE que tem esta opção, a regra CSS para opacidade se chama Opacity.

hehe mas ele deixa opacidade eternamente, eu passando o mouse por cima ou não, tirando ou não... Eu quero fazer com que fique com uma opacidade de 40% e quando passa o mouse volte ao normal...sabe qual o código, onde e como faço? ^^

.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

Esse código só funciona no IE, preciso de um que funcione em todos, ou só no firefox.