css Button Farbwechsel bei Mouseover

[Rola]

Ich habe mehrere Buttons per CSS definiert und möchte a) einen Farbwechsel veranlassen oder b) einen link aktivieren.

Wenn ich den Buttons Bilder zuordne funktioniert ein Bildwechsel, das habe ich realisiert.
In meinem Template sind die pseudo Klassen a: visited und a:hover bereits für text-decoration festgelegt. Ich nutze diese Klassen bereits auch für links.


Was muss ich in CSS und in html defineren um einen Farbwechsel zu bekommen? Ich benutze Joomla 2.5.

Hier mein CSS für einen der Buttons

 #hbklein {
      position: absolute; top: 300px; left: 540px;
      width: 70px;
      height: 70px;
      background-color: #FAB5D3;
      border-radius: 20px;
      z-index: 1;
      }

 

[Banana_Jones]

#hbklein:hover {
    background-color: #xxxxxx;
}

 

[Dominic28]

Du kannst a:hover etc auch extra für die id definieren:

<div id='hbklein'><a href='#'>test</a></div>

#hbklein {
    position: absolute; top: 300px; left: 540px;
    width: 70px;
    height: 70px;
    background-color: #FAB5D3;
    border-radius: 20px;
    z-index: 1;
}

#hbklein a{
   display: block;
   width: 100%;
   height: 100%;
}

#hbklein a:hover{
   background-color: #FAB5D3;
}