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/

Reply via email to