CODEWITHSUNDEEP
htmlcssinternet-explorer-9
WebLearn
WebLearn

Reputation: 1

My navigation disappears in IE9 on hover on my image

i'm starting to learn, a bit on my own, to create a website. Now i have a problem i can't fix. I searched already on the internet but it doesn't work for me. My navigation disappears when i hover. In some pages it only disappears when i hover my last link and other pages like this one: it disappears by the second link. i'm starting to get a little hopeless to find a solution. That's why i ask for help!

Upvotes: 0

Views: 215

Answers (2)

MiniRagnarok
MiniRagnarok

Reputation: 959

In the comments I mentioned that the spacing was your issue and you wanted clarification so here goes. Your navigation has nested lists, links, and images. For whatever reason they all have different heights. All I had to do to fix the problem was to make the nested li have a fixed height of 23px and the problem went away.

Honestly, I would redo the navigation. I can't see a good reason why you have a class called menu being applied to every ul and li in the navigation. It should be really easy to change the heights of the different elements but the way that the navigation is set up I think you're going to have a rough time.

Upvotes: 0

Jared
Jared

Reputation: 12524

Remove the html from your css/navigatie.css stylesheet

It is the last line and looks like the following.

/* we need to associate the JavaScript with our main ul*/
<ul id="nav">

You have random <tr> and <td> tags in your html that should be removed at lines 92, 93, 155 and 156 as there is no table declared.

Line 140 an <ol> looks like it was closed with </ul>

Upvotes: 3

Related Questions