#squares li{
width: 100px; /*width of image container. Must be wider than contained images (before bubbling) */
height:60px; /*height of image container. Must be taller than contained images (before bubbling) */
}

#squares li img{
width: 120px; /*width of each image before bubbling*/
height:100px; /*height of each image*/
}

.bubblewrap{
list-style-type:none;
margin:5;
padding:5;
}

.bubblewrap li{
display:inline-block;
zoom:1; /*Trigger haslayout in IE7 and less*/
*display:inline; /*For IE7 and less*/
position:relative;
width: 35px;
height:30px;
}

.bubblewrap li img{
position:absolute;
width: 35px; /*default width of each image.*/
height: 40px; /*default height of each image.*/
left:0;
top:0;
border:0;
}

.bubblewrap .tooltip{ /*CSS for image tooltip (alt attribute of image)*/
position:absolute;
font:bold 12px Tahoma;
color: #FFBEEB;
padding:5px;
width:120px;
text-align:center;
background:transparent;
}