что странно если задавать цвет ссылки внутри тега то всё нормально, но стоит скопировать в стили..и.....
<style type="text/css">
h3 {padding:0;margin:10px;background-color:#71030e;;color:yellow;}
.q1{display:block;height:24px;margin:0;text-align:center;text-decoration:none;color:yellow;}
a.q1:hover {background-color:red; color:#fff;}
</style>
<h3> <a href="" class="q1">ghbvth</a></h3>
не рабоатет