.button_col {
  float: left;
  clear: both;
  background: #000 url(images/A.jpg) no-repeat;
  padding: 0 0 0 10px;
  margin: 5px 0;
}

.button_col a{
  float: left;
  height: 40px;
  background: url(images/A.jpg) repeat-x left top;
  line-height: 40px;
  padding: 0 20px;
  color: #fff;
  font-size: 11px;
  text-decoration: none;
  font: Verdana;
  font-weight: bold;
}
--------------------------
.button_col a:hover {
  background: url(images/B.jpg)
}
--------------------------
.button_col span {
  background: url(images/B.jpg) no-repeat;
  float: left;
  width: 10px;
  height: 40px;
}
------------------------------------------------------------------------
.button_col:hover, .button_col a:hover, .button_col span:hover {
  background: url(images/B.jpg)
}