Klasa w Klasie a hover

[Ridii]

Witam mam problem ponieważ chciałbym zrobić aktywnego "boxa" który cały będzie się podświetlał jeśli na niego najadę. Mam klasę która odpowiada mi za obrazek i drugą klasę która z tekst, ale jak najeżdżam na tego "boxa" to podświetla mi się tylko obrazek, a napis dopiero gdy najadę na sam napis.Moje pytanie brzmi, co zrobić żeby ten obszar hover'a byl jakby dziedziczony
  problem.png (Rozmiar: 19.13 KB / Pobrań: 3)

<!--html-->
<a href=#><center><i class="fa fa-laptop fa-5x icons padding_for_icons">
<p class="text_under_icons icons">CUSTOM</p></a></i>
<p class="lorem">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis earum voluptas ut nulla commodi consectetur nihil impedit quaerat voluptatibus! Repellendus vero numquam minima veritatis</p> </center>

<!--css-->

.text_under_icons{
margin-top: 20px;
font-size: 39px;
font-family:verdana;
color:#504c43;
}

.lorem {
font-size: 14px;
text-align: center
}
.icons{
color:#504c43;
}

.icons:hover{
color:#37b2d0;
}
.padding_for_icons{
padding:40px;
}

---

Juz sobie poradziłem dając id zamiast klasy do tekstu. Czemu gdy dałem klasę to nie działało a z id już tak?

[ziemowitpl]

Działa dla:
.three:hover {
color:white;
background-color: red;
}
oraz kodu:
<article class="three">

<h2 id="dol">Dół strony</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus incidunt quasi architecto eaque explicabo libero, minima, suscipit asperiores placeat maxime itaque dolor laborum vitae impedit officia nobis quas neque. </p>

</article>
Warunek!
znacznik "p" nie może być określony jego kolor na początku dokumentu tzw globalnie np:
p {
color:black;
}
I nawet dodawanie !important nie daje rady...
Tyle udało mi się rozwiązać. Koloruj p klasami - może tak przejdzie...

[NUTER]

Dal całego "box" utwórz klasę i przypisz do niego kolor

Kod:

.jakis_boks {
   color: rgb(226,0,26)
}