DIV.expanded {
    float:left;
    margin:1px;
    width:32px;
    height:32px;
    background:navy;
}

DIV.expanded:hover {
    background:lightblue;
}

DIV.abs {
  -moz-transition:0.5s ease-in-out;
  -moz-transition-property:height, width;
  position:absolute;
  background:rgba(200, 200, 50, 0.4);
  width:0;
  height:0;
  overflow:hidden;
  margin-top:32px;
}

DIV.expanded:hover DIV.abs {
    height: 200px;
    width: 400px;
    position:absolute;
    border:solid yellow 1px;
    box-shadow:4px 4px 4px rgba(100, 50, 50, 0.8);
}