movement on click

Discussion in 'CSS' started by billybrag, Jun 14, 2006.

0
  1. #1
    Im seeing a strange issue when i click on a link. For an eg see

    http://www.organiclinker.com/index3.cfm

    If you click one of the links at the top of the page you will see that the text drops about 10 px or so. When you release it goes back, but its very annoying.

    This problem only happens in FF - (I know the dropdown doesnt appear in IE6 - i need to add the relevant js)

    Any help would be great.

    Cheers

    Mike.


    Also as an aside, in IE7, the drop down menu doesnt quite display correctly, any thoughts?

    thanks
     
    billybrag, Jun 14, 2006 IP
  2. jnestor

    jnestor Peon

    Messages:
    133
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #2
    It's because of this:

    #nav li:hover ul,#nav li.sfhover ul,#nav li:active{
    display: block;
    width:100px;
    border:1px solid #240d68;
    padding-top:4px;
    padding-left:0px;
    }

    If you change that padding-top to 0px it goes away. My guess is that IE doesn't support the :active psuedo class on li elements.
     
    jnestor, Jun 14, 2006 IP
  3. billybrag

    billybrag Peon

    Messages:
    324
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks for that replu jnestor, that sorted it.

    anyone have any ideas on why the dropdown is misaligned in IE7?

    thanks all
     
    billybrag, Jun 15, 2006 IP