Wierd CSS Issue

Issue with implementing CSS tabs

[epetroel]

I'm trying to implement CSS tabs with hover-over effects in a way that will work properly in both IE6 and Firefox (presumably IE7 as well..)

I'm having some problems with Firefox rendering the tabs inconsistently though. I've run into this same problem before with other things, and I have no idea what is causing it.

Here's the site:

www.kickboardusa.com

If you are using Firefox, you'll notice that the images for the "Safety" tab -sometimes- do not show up. Refresh your browser a few times and sometimes they will work, sometimes they won't. In IE6, it looks right, but the hover-over effects are inconsistent (par for the course on IE6 I suppose..)

If you do a view source on the page, all the CSS is right on the page for you to check out. I'm probably making some kind of simple n00b mistake here, but I've been scratching my head over how to get this to work right for too long now. Time to ask the experts :)

Thanks in advance!

[csuguy]

You'll want to look at the guidelines for the forum - your not allowed to post links like that. Rather - you need to create a simple case study of the problem so that others who come on here can see the original problem and the solution so that it maybe of help to people later on. Soon a mod will remove that link and probably restate this a bit more specifically. Anyways look at the guidlines and make a new post according to them and I will be glad to help - as will many others.