Problem with navigation menu in IE

Discussion in 'CSS' started by shorething, Aug 12, 2008.

  1. #1
    Hiya,
    I'm having a problem with a menu I'm trying to create. It looks and operates fine in Safari and Firefox, but when coming to test it on IE, I find there is a problem. Just to clarify, I'm testing on IE6, so whether it works on a more recent version of IE remains to be seen.

    The problem is that there is a space, of probably 3px in height, added between the 1st and 2nd li elements within each of my menus and submenus. I know that a problem exists within IE whereby you must specify a line-height for li elements (which I have done), yet the space remains! It seems strange that it is always between the 1st and 2nd li elements, which makes me believe that it is something to do with the fact that each of the menu li's is a child to a ul etc.

    Any help would be appreciated.

    The site is http://www.tomasshore.co.uk/AA_index.php

    Regards

    Tom
     
    shorething, Aug 12, 2008 IP
  2. shorething

    shorething Peon

    Messages:
    88
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Problem kinda sorted, - IE was having a problem displaying the li element due to the fact that it had a height of 15px. I simply change it to 18px, and the problem disappeared. I am unsure as to why the problem only surfaced between the first and second li elements though - all my list items had 15px height! O well, the sooner everyone uses Safari or Firefox the better!
     
    shorething, Aug 12, 2008 IP