<style type="text/css">
#pg { width:500px;
height:200px;
border:2px dotted #666;
padding:5px;
padding-top:15px;
}
#pg ul { list-style:none;
padding:0;
margin:0;
width:270px;
position:relative;
float:left;
}
#pg ul li { display:inline;
width:52px;
height:52px;
float:left;
margin:0 0 8px 8px;
}
#pg ul li a { display:block;
width:50px;
height:50px;
text-decoration:none;
border:1px solid #000;
}
#pg ul li a img { display:block;
width:50px;
height:50px;
border:0;
}
#pg ul li a:hover { white-space:normal;
border-color:#000000;
background-color:#ffffff;
}
#pg ul li a:hover img { position:absolute;
left:250px;
top:0;
width:auto;
height:250px;
border:1px solid #000;
}
#pg ul li a span {display:none}
#pg ul li a:hover span { display:block;
position:absolute;
left:5px;
top:330px;
font-size:12px;
color:#999999;
}
</style>

 
/* CSS Document */


