Fixed positioning busts my links

css query

[castanet]

Hi. I'm fairly new to css but I've just had a go at a frames-like layout with fixed positions of the side panel and a strapline. Problems is, in IE 5.1 for Mac (ok, I'm still in the stone-age) the links won't get the little grabby hand cursor thing or work a rollover. Any ideas?

[MatthewHSE]

Welcome to Webmaster World!

You might try the following code for the links:

a:hover, a:active {
cursor: pointer;
cursor: hand;
}

Having two cursor declarations is for cross-browser compatibility and they must be in the order specified above.

Don't know if this will help you or not, but it's worth a try.

[DrDoc]

Do the links still work?

[pageoneresults]

Line: 0 Context : a:hover , a:active
Invalid number : cursor: hand is not a cursor value : hand

Unfortunately that

cursor:hand;

is not valid CSS. I've been there done that when I first started playing with all the different cursor values.

What are the links contained in? Are they in

<li>, <div>, <p>

etc...?

[aeve]

I've never found a work around for this bug, it's probably best to just hide the declaration from ie5 mac. I would advise hiding it from ie win also as ie win will give the element static positioning. The back-slashed comment hides it from ie mac while the child selector hides it from ie win.

#side {position: absolute; }
/* hide form ie (win and mac) \*/
*>#side {position: fixed; }
/* end hide */

There's more info here:
[macedition.com...]

Adam

[MatthewHSE]

Unfortunately that cursor:hand; is not valid CSS. I've been there done that when I first started playing with all the different cursor values.

Right, it's IE-only. However, I've used it occasionally when I've had to do so. I've never seen it break anything else, so I don't mind so much if it's not valid (though I don't use it much, either).

[castanet]

Thanks for the advice. Links do still work and they are in a <div>
(This is my first time on webmasterworld - I'm very impressed)