ul#buttons {
padding:0; margin:0; width:800px; height:100px; position:relative;
list-style-type:none;
background:#888 url(rotator/rotate.php);
}
/* Default style for list items */
#buttons li {
width:100px; height:100px; float:left; z-index:100;
}
/* place on top with z index */
#buttons a img {
position:relative;
width:100px; height:100px; border:0px solid #888; z-index:100;
}
/* remove button and show background*/
#buttons a:hover {
width:800px; height:100px; padding:0px 0px; position:absolute; left:0;
top:0; z-index:20;
}
/* prevent weird offset for center buttons*/
#buttons a:hover img {
background:#eee; width:0px; height:0px; border:0; z-index:10; position:absolute; }