[xavier039]

I am trying to change the color behind the titles in the boxes when you mouseover anywhere in the picture. Right now I only have it setup to change when you mouseover the actual text. What is a work around?

Thank you.

Here is a link to the site. Thrive - The 12 Sectors

HTML Code:

#canvas #main.twelve_sectors #sectors .body a.sector {
  display: block;
  width: 214px;
  height: 137px;
  float: left;
  margin: 5px;
  font-size: 16px;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#canvas #main.twelve_sectors #sectors .body a.sector:hover {

}

#canvas #main.twelve_sectors #sectors .body a.sector .label {
  background: url('images/default/opacity_50_black.png');
  color: #fff;
  width: 110px;
  padding: 5px 0 5px 10px;
  text-transform: uppercase;
  
  -webkit-border-radius: 5px 0;
  -moz-border-radius: 5px 0;
  border-radius: 5px 0;
}

#canvas #main.twelve_sectors #sectors .body a.sector .label:hover {
	background-color: #d7abff;	
}