469,313 Members | 2,652 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,313 developers. It's quick & easy.

IE problem with A:hover

Gidday guys,

I'm currently trying to write up a CSS navigation menu, and I'm having a little problem in IE 6.

Problem can be viewed at:

http://www.johnbayne.com/hiclone1/1.html

The problem is with the 2 menu items in the top-right corner. In Firefox, everything works fine. In IE6, "A:hover" works when the mouse is rolled over the menu item, but when the mouse rolls off, hover stays active.

Any ideas most appreciated.

Cheers,
- JB
Aug 30 '06 #1
2 1577
ronverdonk
4,258 Expert 4TB
You show the site, why don't you show the CSS in question?

Ronald :cool:
Aug 30 '06 #2
You show the site, why don't you show the CSS in question?

Ronald :cool:
:)


Expand|Select|Wrap|Line Numbers
  1.  /* CSS Document */ 
  2.  
  3. #mainbox {
  4.     background: #FFFFFF;
  5.     width: 765px;
  6.     height: 1200px;
  7.     margin-left: auto;
  8.     margin-right: auto;
  9.     margin-top: 10px;
  10.     margin-bottom: 0px;
  11.     border-style: solid;
  12.     border-color: #666666;
  13.     border-width: 2px;
  14.     padding: 0px;
  15.     }
  16.  
  17. #headerbackground {
  18.     background: url(topbg.jpg);
  19.     background-repeat: repeat-x;
  20.     float: left;
  21.     width: 759px;
  22.     height: 80px;
  23.     margin: 3px;
  24.     border: 0px;
  25.     padding: 0px;
  26.  
  27.     }
  28.  
  29. #headermenu {
  30.     background: url(topmenubackgroundtp.gif);
  31.     width: 101px;
  32.     height: 80px;
  33.     padding: 0px;
  34.     margin: 0px;
  35.     float: right;
  36.     border: 0px;
  37.     text-align: center;
  38.     vertical-align: bottom;
  39.     background-color: #0000FF;}
  40.  
  41. A:link #headermenu {
  42.     background-color: #0000FF;
  43.     }
  44.  
  45. A:visited #headermenu {
  46.     background-color: #33CC33;
  47. }    
  48.  
  49. A:active #headermenu {
  50.     background-color: #CCCCCC;
  51.     }
  52.  
  53. A:hover #headermenu {
  54.     background-color: #FF0000;
  55.     }
  56.  
  57. #headermenu p {
  58.     font-family: Arial, Helvetica, sans-serif;
  59.     font-weight: bold;
  60.     font-size: 12px;
  61.     color: #FFFFFF;
  62.     margin-top: 55px;
  63.     }
  64.  
Aug 30 '06 #3

Post your reply

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

Similar topics

7 posts views Thread by LRW | last post: by
2 posts views Thread by dinky | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by zhoujie | last post: by
1 post views Thread by Geralt96 | last post: by
reply views Thread by harlem98 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.