Problem implementing CSS Image Rollovers

[TobyA]

Dear Web Gurus,

I've been using this fantastic tutorial to build a navigation menu for a website I'm working on:-

http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html

I am trying to achieve something that looks like this:-

http://www.19august2005.co.uk/tracy/layout.jpg

However at the moment the menu is not visible at all:-

http://www.19august2005.co.uk/tracy/

:-(
(The links are there on the top grey line, but the images are not displaying at all).

I'm sure I have made a really stupid mistake somewhere but I can't figure it out.... Apologies for the n00bie question.

Any help would be greatly appreciated, thank you.

 

[Vragabond]

Have you verified the image location. I suggest you try puttinng the absolute links to images (e.g. /tracy/blahblah.jpg). This seems to be the only problem I could see.

 

[TobyA]

Dear Vragabond,

Thank you for your reply. I'm never quite sure when you reference a file in that where the base directory is, however I have added /tracy/... to the CSS and it works in IE but not in FF :-(

http://www.19august2005.co.uk/tracy/index.htm

 

[Vragabond]

Works for me in both IE and FF. Are you sure you're not looking at a cached version in FF? Try shift-refresh to load it anew.

 

[TobyA]

Ah...

I've just updated my FF from v1.0 to 1.5 and it's started working perfectly now.

Thanks again for your help Vragabond.