Liox в вашем посте вы утверждаете что не валидно, и не работает то что вы написали с ошибками.
вот пример с моей последней работы, бэкграунд+прозрачность

Код:
<style type="text/css">
.head, a.head:link, a.head:active, a.head:visited {
width: 220px;
float: left;
height: 72px;
margin: 10px 25px 0 0;
display: block;
opacity: 0.7;
MozOpacity: 0.7;
KhtmlOpacity : 0.7;
filter: alpha(opacity=70);
font: 13px/14px Tahoma;
color: #000;
background: red;
}
a:hover.head {
opacity: 1;
MozOpacity: 1;
KhtmlOpacity : 1;
filter: alpha(opacity=100);
background: yellow;
}
</style>
<body>
<a class="head" href="#"><div class="headText">Информация <br>для всех</div></a>
<a class="head" href="#"><div class="headText">Телефонный <br>справочник</div></a>
<a class="head" href="#"><div class="headText">Поиск по сайту</div></a>
</body>
как делается в яваскрипте я уже написал, про валидность спорить не буду, это всем уже порядком надоело, делайте как знаете
