(Hover) menu acts strange in IE6

[monique]

See http://www.arti-sign.nl/ckc/ for design of the site I am making.

My question refers the menu. It is a CSS-based hover menu. All works fine in FF, IE7, OP and NS, but in IE6 two strange things happen:
1) The menu in IE6 is not the full width of that column, although in all the other browsers it is. This is not a matter of life and death, but it just doesn't look good ;
2) When you hover the menu in IE6 it seems that the menu items become smaller, so that the menu items seems to go slightly up (it seems to flicker). Also this is not a matter of life and death, but it is really very annoying .

Can someone tell me how to solve these problems?

Thanks and have a nice day
Monique

[Snookerman]

I know this is not much help but this thread deals with the same problem, so you might wanna keep an eye on it in case someone posts a solution on that one:
http://www.dynamicdrive.com/forums/s...ad.php?t=37631

[monique]

Hi Snookerman,

On the thread you mentioned I found a link from you to another thread (http://www.dynamicdrive.com/forums/s...ad.php?t=38454) in which you speak about the "white space bug" in IE.

When reading it I got very surprised: "How can a simple space solve an issue like this...?" And further: "Oh no, if that's true I will have to update all my pages... (for two sites by the way)!

Anyway, I tried it (offline) and it really seems to solve the problem. So in the end I will have to update all my pages. Lucky me they both don't have something like houndreds of pages...!

I really don't understand it, but "who cares".

This leaves me with problem no. 1.....

[Snookerman]

Yeah it's pretty strange but like you said, if you don't care you just accept it. About your first problem, I just looked at it in Firebug and I saw that your links are not as wide as the container they are in (215px vs 250px). I'm not sure if IE has a problem with that but you could try to make them the same size and see if they look the same in all browsers.

[monique]

In fact I had made it far too complicated for myself by putting too much code in the stylesheet.

I had just to delete the widths which I put into

#mainnav ul li a {}

and

#subnav ul li a {}

and that solved all!

Thanks again and I will not forget to set this thread als resolved!

[Snookerman]

Hehe, yes of course, this is our second resolved thread! You're very welcome and good luck with your site. If you run into any more difficulties, you know where to turn.