Thread:Project:Support desk/Request documentation for mouseover / hover effect/reply (7)

While googling I found this: http://bavotasan.com/2011/amazing-hover-effects-with-css3/

div.top { margin: 20px 0; position: relative; width: 120px; height: 70px; border: 1px solid #aaa; overflow: hidden; }		div.top div { width: 100px; height: 50px; font-size: 12px; padding: 10px; position: absolute; top: 0; left: 0; text-align: center; background: #fff; }	div.top div.first { z-index: 1000; }		div.top:hover div.first { display: none; }

but (a) the effect puts text and/or image in a box and (b) it does not work in IE6 unless you start adding some javascript to the mix. It does give me some ideas to experiment with though.