On 27/03/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > http://stuartgladstone.com/homepage2.html > > why do the rollovers (a:hover) not work in safari or firefox?
The anchors don't contain any content of sorts. I think you should just keep the links normal and then do some text replacement. In this case, the following would work (yes, there are many other methods, I know): CSS #home_button a { background: url(images/home_button.jpg) no-repeat; width: 50px; height: 25px; display:block; position: relative; float: right; clear: right; text-indent: -999em; /* Note this and the following line in particular! */ text-decoration: none; } HTML <div id="home_button"><a href="pdfs/National Conference.pdf">Home</a></div> The empty links are bad both in terms of accessibility and usability and for things like this; an empty element simply doesn't exist, according to Gecko, WebKit et al. HTH -Rob. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/