ul.pop{  /* picture list styling */
  list-style:none;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

ul.pop ul{  /* popout list styling */
  list-style:none;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

ul.pop li{  /* picture */
  color:#000; 
  position:relative;
  height:133px;
  width:200px; 
  z-index:1;
}

ul.pop ul li{  /* popout no hover */
  position:absolute;
  visibility:hidden;  /* hide the image */
  width:200px;  /* give it a width */
  height:0;  /* no height to solve an Opera bug that makes it selectable when hidden */
  border:1px solid #000;  /* add a border */
  left:50px;  /* position:the popout image relative to original image left side*/
  top:50px;   /* position:the popout image relative to original image top*/
}

ul.pop li:hover {  /* picture hover */
  text-decoration:none; 
  border:0;  /* needed for this to work in IE */ 
  z-index:500;
}

ul.pop li:hover ul li{  /* popout hover */
  visibility:visible;  /* make the image visible */
  height:179px;  /* now give it a height */
  cursor:pointer;  /* for IE */
  z-index:400;
 
}

ul.pop li:hover ul li{  /* popout hover */
  border:0;  /* remove the popout border */
}