:hover and background problems in IE and Safari

[carterdea]

hi,



my site (http://www.voiceofcalvaryradio.com/alaska) is having problems with the css. Firefox gets it right, but IE, Safari, and Camino get it wrong.

please, if you know what's going on, help me out!

thanks,

carter

[nataliemac]

IE only supports the :hover pseudoclass on <a> elements.

You have to use a javascript to fake it for IE.

Hope that's fixed in IE7. Haven't checked that one yet.

[carterdea]

yes, I realize that, but I used the same code that eric meyer used. which is a:hover span for the selector. It is an a

And my problem is also that I'm missing the li's.I can't find them. THere should be some with padding and background images.

[nataliemac]

??

Could you post some more specific information about the problem(s) you're having. It's hard to just look at a site without knowing how it's *supposed* to work and figuring out what's wrong.

[carterdea]

fire fox displays it correctly. Take a look at it in Firefox.

thanks for all your help

[Kravvitz]

Which versions of Safari and Camino did you test in? It seems to work fine in Safari 1.0+ and Camino 1.0 for me.

In IE7 it works better than in IE6 but not as well as in Firefox.

Try specifying the left attribute.

I noticed that you are using a lot of relative positioning on other elements. Why are you using so much relative positioning?

[carterdea]

and the reason it looks fine is because I fixed it in Safari and camino. But it wasn't working for a while.

thanks for your help.

If I want the popup text centered with the layout. I'm pretty sure that's all that's relative positioned. Except maybe my forms. They are pretty ugly. I will fix them.

[Kravvitz]

Ah.

You're welcome :)

I suggest you learn more about CSS Layout/Positioning Techniques (http://www.dynamicsitesolutions.com/css/layout_techniques/).

[carterdea]

thanks, that's a great resource.

carter