Triggering pseudo-element changes on hover in IE

gistfile1.css

.container {
  background: #f00;
  width:50px;
  height: 50px;
}

.container:before {
  content: " ";
  display: block;
  background:#fff;
  height:10px;
  width:10px;
}

.container:hover {
  /* fix the hover state of the :before element for ie */
  position:static;
}

.container:hover:before {
  background:#0f0;
}