Friend of mine is doing as so: /* CSS Rollovers */
#contact{ height: 28px; width: 56px; overflow: hidden; background: url(btn_Contact.gif) top left no-repeat; display: block; } #contact:hover{ background-position: bottom left; } btn_Contact.gif of course is a stacked image, just a single image, so on hover, we just shove it around a bit. This totally breaks in IE on the Mac, and I would imagine, since there is no img tag at all, will yield equally broken results in other browsers who chose to not use css. Is there some other way to work this, and what are your comments on this method? thanks -- ------------------------------------------------------------- Scott Haneda Tel: 415.898.2602 <http://www.newgeo.com> Novato, CA U.S.A. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/