Have you tried specifying the background-position on the a state?
and rather than having the link in a div why not just apply the id to
the link. You are making the link a block element anyway.
so it becomes:
a#home_button { ...etc
and
a#home_button:hover { ... etc
and then make the changes in the html.
James MacLeod
On Mar 27, 2006, at 15:40, <[EMAIL PROTECTED]> wrote:
have added the content (but no text replacement) but the rollovers
are still
not working!
Ross
----- Original Message -----
From: "Rob Mientjes" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Cc: <css-d@lists.css-discuss.org>
Sent: Monday, March 27, 2006 3:22 PM
Subject: Re: [css-d] rollovers in safari
> 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/
>
>
______________________________________________________________________
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/
-----------------------------------------------
Konkrete
Design for New Media
flat 1 / college farm / great barford / beds / MK44 3JJ / uk
T: +44 (0)1234 871 982
M: 0781 114 2703 (uk only)
portfolio: http://www.konkrete.net
------------------------------------------------
______________________________________________________________________
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/
