ul#gallery { padding:0; margin:0; width:448px; height:340px; position:relative; }  
#gallery li { list-style-type:none; width:64px; height:48px; float:left; z-index:100; } 
#gallery li.lft { float:left; clear:left; }
#gallery li.rgt { float:right; clear:right; } 
#gallery li.pad { height:0; display:block; margin-top:-6px; width:448px; font-size:0; }
#gallery a { position:relative; width:64px; height:48px; display:block; float:left; z-index:100; cursor:default; } 
#gallery a img { position:relative; width:62px; height:46px; border: transparent; z-index:100; } 
#gallery a:hover { width:160px; height:120px; padding:108px 144px; position:absolute;left:0; top:0; z-index:20; } 
#gallery a:hover img { background:transparent; position:relative; width:160px; height:120px; border:transparent; z-index:20; } 
#gallery a:active, #gallery a:focus { background:transparent; width:320px; height:240px; padding:48px 64px; position:absolute; left:0; top:0; z-index:10; }
#gallery a:active img, #gallery a:focus img { background:transparent; position:relative; width:320px; height:239px; border: transparent; z-index:10; }
 /* hack for Internet Explorer */ 
ul#gallery { padding:0; margin:0; width:448px; height:340px; position:relative; }
#gallery li.pad { height:0; display:block; margin-top:-2px; width:386px; font-size:0; }
 /* hack for Opera 7+ */ @media all and (min-width:0px)
{ #gallery a:hover { background:transparent; width:320px; height:240px; padding:485px 64px; position:absolute; left:0; top:0; z-index:10; } 
#gallery a:hover img { background:transparent; position:relative; width:320px; height:240px; border:transparent; z-index:10; } } XHTML