By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,972 Members | 1,092 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,972 IT Pros & Developers. It's quick & easy.

CSS Table Background with Firefox and IE

P: 1
I am trying to make a new menu with a simple CSS hover behind a transparent gif. I want a simple rollover effect on the transparent images that are linked. It is working fine in IE 7.0, doesn't work at all in IE 6.0, and it works poorly in Firefox 1.5. Could someone point me in the right direction on how to get this working properly? The example is on this webpage... Thanks!

http://workforcelanguageservices.com/v2/

This is the CSS that I've created...

Expand|Select|Wrap|Line Numbers
  1. #globalnav {
  2.     clear: both;
  3.     }
  4.  
  5. #globalnav td a:hover {
  6.     background-image: url('http://www.workforcelanguageservices.com/v2/images/nav/nav-grad.gif');
  7.     }
  8.  
Sep 22 '06 #1
Share this Question
Share on Google+
1 Reply


drhowarddrfine
Expert 5K+
P: 7,435
Haven't checked but you are using the id 'content' more than once. You can only use the same id name once per page.

In addition, IE is in quirks mode because you are using an incomplete doctype. Change it to this one:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Sep 22 '06 #2

Post your reply

Sign in to post your reply or Sign up for a free account.