a:focus or a:active and Safari

[artcase]

Found a strange glitch when viewing my site in Safari. I have to hold the a href item down instead of clicking on it (as works in Firefox and IE) to show a larger photo to the right.

It doesn't even work for Stu. Anyone think they're smarter?

Here's the css for the class

.photo ul li a:focus.hor img, .photo ul li a:active.hor img {
background-color: #000;
position:absolute;
left:360px;
top: 0;
width:320px;
height:320px;
border: 1px solid #fc0;
padding: 5px 5px;
}

Not supported by Safari?

(see it in action here: http://www.imageengineering.com/pages/flames.htm )


Amy

ps. There are even more errors on the site, but I'm tackling them one at a time. Oh, and I know, I have to take off the "<!-- Put IE into quirks mode -->" at the beginning. I was using that to fix a IE6 scrolling/div size issue, which was unwise. Learned my lesson, fixing the problem, I hope.

[ray326]

Are you sure you need selectors that complex?

I see what you mean, though. Safari seems to be acting on :active rather than :focus. I don't recall. Where does :focus fit in the love-hate sequence?

[felgall]

from memory it is:

link
visited
focus
hover
active

[artcase]

Cool. It still doesn't explain why the photos won't stay displayed if you release the mouse button.

Anyone have an answer?

Thanks!