CSS text decoration problemi

Sidebardaki dikey menudeki maddelere <h3> tagı koymak istiyorum. <h3> tagını CSS'de

#sayfa #sidebar h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #093;
font-weight: normal;
text-decoration: none;
padding-left: 10px;
}

şeklide düzenledim.

Menu üzerine gelince gri renkli bir zemin oluşması için de aşağıdaki gibi yeni bir CSS stili tanımladım.

#sayfa #sidebar h3 a:hover {
font-family: Arial, Helvetica, sans-serif;
color: #093;
background-color: #CCC;
}

Sorun şu:

Kod görünümüne gelince link kodu
<h3><a href="dosya_adi.html">Link Metni</a></h3>
şeklinde çıkıyor. Kod bu şekilde olunca oluşturduğum stil ile değil, default özellikleri ile görünüyor, ama a:hover çalışıyor.

Kodu
<a href="dosya_adi.html"><h3>Link Metni</h3></a> şeklinde değiştirdim. Bu sefer de oluşturduğum stil doğru olarak görüntüleniyor, ama a:hover çalışmıyor.

Üstelik her iki şekilde de link metinleri alt çizgili olarak görünüyor. Bir yerlerde bir yanlış var ama çözemedim.

h#sayfa, #sidebar, h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #093;
font-weight: normal;
text-decoration: none;
padding-left: 10px;
}
#sayfa, #sidebar, h3 a:hover {
font-family: Arial, Helvetica, sans-serif;
color: #093;
background-color: #CCC;
}

Şu şekilde aralara virgül koyarak dener misin

Denedim, text dekorasyonu hiç değişmedi, üstelik sidebar div'indeki stili sayfa div'inde de uygulamaya başladı.

html i <h3><a href="dosya_adi.html">Link Metni</a></h3> şeklinde kullandın mı?

her iki şeklini de kullandım ama olmadı..

Şöyle bir düzenleme yaptım:

body {
margin-top: 0px;
margin-bottom: 0px;
}
a:hover {
font-weight: bold;
}
.menu_stil {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #093;
text-decoration: none;
}


h3 içinde oluşturduğum metin stilini kaldırıp menu_stil diye yeni bir stil tanımladıktan sonra problem çözüldü.

<h3><a href="dosya_adi.html" class="menu_stil">Link metni</a></h3>

haline gelince istediğim şekle döndü...

İlgin için teşekkürler..