* { border: 0; margin: 0; padding: 0; } /* =Hoverbox Code ----------------------------------------------------------------------*/ .hoverbox { cursor: default; list-style: none; } .hoverbox a { cursor: default; } .hoverbox a .preview { display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; } .hoverbox a .preview2 { display: none; } .hoverbox a:hover .preview2 { display: block; position: absolute; top: -33px; left: -45px; z-index: 1; } .hoverbox a .preview3 { display: none; } .hoverbox a:hover .preview3 { display: block; position: absolute; top: -5px; left: -5px; z-index: 1; } .hoverbox img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px; color: inherit; padding: 2px; vertical-align: top; width: 100px; height: 75px; } .hoverbox li { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; margin: 3px; padding: 5px; position: relative; padding: 2px; margin: 1px 4px 1px 1px; } .hoverbox .preview { border-color: #666; width: 200px; height: 150px; } .hoverbox .preview2 { border-color: #666; width: 300px; height: 200px; } .hoverbox .preview3 { border-color: #666; width: 400px; height: 300px; z-index: 10000; }