title: CSS hover will not work on position absolute?
body: <p>This has never been an issue to me before, and I really don't know what's happening..</p>
  
  <p>Simple - I have this css id with a picture inside.
  This id has to have position: absolute for it to look correct..</p>
  
  <p>But when I use position: absolute, my hover does nothing.. like i wasn't there..
  When I remove the position: absolute, the hover works.</p>
  
  <pre><code>#pil-left {
  width: 50px;
  height: 50px;
  position: absolute;
  background-image: url(grafik/pil-left.png);
  margin-left: 150px;
  margin-top: 320px;
  }
  
  #pil-left:hover {
  opacity: 0.6;   
  }
  </code></pre>
  
  <p>That simple, but really can't get it to work.</p>