Hover-effekt und Verlinkung von div-Containern in HTML/CSS?

[blablabla95]

Hallo,
ich möchte auf meiner Webseite gerne einen Hover-Effekt für die Menü-Buttons (die in Css umgesetzt sind) haben.
wie genau muss ich das umsetzen?
das css-Skript für die Buttons sieht so aus:

#box*{
width:150px;
height:60px;
background:white;
margin-top:10px;
margin-bottom:10px;
margin-left:25px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background:yellow;
}

der Background soll beim Mouseover rot werden, sonst soll alles gleich bleiben.
Im Html ist das ganze so dargestellt:

<div id="Hauptteil">
<div id="box"></div>
<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>
<div id="box4"></div>
<div id="box5"></div>
<div id="box6"></div>
<div id="box7"></div>
</div>

Wie kann ich den gewünschten Effekt erreichen?
Meine 2te Frage wäre noch wie ich einem kompletten div-Container einen Hyperlink auflegen kann?

Danke für eure Hilfe und Lg

blablabla95

 

[klee]

Hover-Effekt:

#box* :hover {background-color:#FF4040;}

 

[blablabla95]

Danke, funktioniert wunderbar! 🙂