title: css overflow in a:hover tag
body: <p>I have an image(a map) with some points of interest placed using position: absolute and the coordinates of each poi. I want it to expand the info of each POI on mouseover using:</p>
  
  <pre><code>.poi a {
      width: 32px;
      height: 32px;
      overflow: hidden
  }
  
  .poi a:hover {
      width: 128px;
      height: 192px;
      overflow: auto
  }
  </code></pre>
  
  <p>This works fine in IE, but it doesn't work in firefox or chrome. It isn't cropping the overflow, it just shows all the info at once.</p>