• Locked
3 replies [Last post]
Fri, 2010-03-05 16:18
Chickenstrip
Chickenstrip's picture
User offline. Last seen 2 years 9 weeks ago. Offline
newbie
Joined: 2010-03-05
Posts: 4
Points: 6

Hello!

I'm a novice web developer and I've been building a website for a client:

www.draindoctorbirmingham.com

The problem is my dropdown menu. It looks great in IE 8, Firefox, Chrome, Safari and Opera but when it comes to the not-so-compliant IE 7 and below, I have problems. Little gaps appear around each

  • on my child elements, and when you hover your cursor past the first child element, the menu closes.

    • I've tried implementing fixes, from the CSS pseudo-element hover fix, to fiddling about with the CSS for hours, all to no avail. Here's what it looks like in IE 7:

    menu.jpg

    I am completely stumped, so I have come here, cap in hand to see if any of you geniuses can help me determine and hopefully fix the problem!

    Kind regards,
    Mike

    Top
    Tags:
    Fri, 2010-03-05 16:21
    #1
    Chickenstrip
    Chickenstrip's picture
    User offline. Last seen 2 years 9 weeks ago. Offline
    newbie
    Joined: 2010-03-05
    Posts: 4
    Points: 6

    Apologies for the bad link,

    Apologies for the bad link, don't know what happened there...

    www.draindoctorbirmingham.com

    Top
    Fri, 2010-03-05 16:59
    #2
    Eric Watson
    Eric Watson's picture
    User offline. Last seen 1 year 48 weeks ago. Offline
    rank Regular
    Regular
    Timezone: GMT-7
    Joined: 2009-06-29
    Posts: 15
    Points: 11

    Float both the li and the a.

    Float both the li and the a.

    www.visibilityinherit.com/tools.php

    Top
    Fri, 2010-03-05 22:14
    #3
    Chickenstrip
    Chickenstrip's picture
    User offline. Last seen 2 years 9 weeks ago. Offline
    newbie
    Joined: 2010-03-05
    Posts: 4
    Points: 6

    Hi Eric, thanks for the input

    Hi Eric, thanks for the input but unfortunately this didn't work.

    Cheers

    Top
    • Locked