Hover sur une div

Bonjour,
sur une div je souhaites au passage de la souris créé une lueur autour de la div.

.uneligne4colonnescentre { float: left; width: 23%; margin-top: 10px; background:#443B34;}
.uneligne4colonnescentre :hover { box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);}

le hover fonctionne bien mais si dans ma div .uneligne4colonnescentre je met une image ou un bouton la lueur apparait aussi au passage autour de l'image ou autour du bouton alors que je ne voudrais qu'il n’apparaisse qu'autour de la div .uneligne4colonnescentre

Savez vous pourquoi les éléments dans la div on la lueur qui apparait et comment je peux faire pur qu'il n’apparaisse qu'autour de ma div uneligne4colonnescentre

Bonjour,
parce que c'est:
.uneligne4colonnescentre:hover et non
.uneligne4colonnescentre :hover

Par contre, je ne savais pas que ".uneligne4colonnescentre :hover" déclarait le hover sur les enfants du conteneur.
Modifié par loicbcn (18 Sep 2015 - 09:33)

loicbcn a écrit :
Par contre, je ne savais pas que ".uneligne4colonnescentre :hover" déclarait le hover sur les enfants du conteneur.

Et bien si : dans cette déclaration les éléments enfants sont suggérés, quelque soit leur type, à partir du moment où ils sont en hover.