the whole menu is lower in IE...

[firfelin]

Hi,

I slowly finish a new site with cmsms, and I have (of course...) some problems with IE

The first is that the whole menu is lower on IE (page in exemple: http://www.egalite.ch/campagnes.html)
some captures: http://browsershots.org/http://www.egal ... agnes.html

I just dont understand... I use the Eric Meyer reset.css, and the only thing is a 11px margin-bottom on the colored square.

Any help? Thank you in advance

[KO]

Most likely something to do that you have extra and in the code. IE6 likes to have space for it even if it's empty.

#col_gauche ul li {height:0em;}
#col_gauche ul li ul li {heigth:auto;} <- or whatever it needs to be

But it could break something somewhere else so please check it. Or maybe there is some other more clever solution.

br, K

[firfelin]

thank you for the tip

I had to change some things in the menu template, so it possible I made something wrong...

[streever]

Hello,

Yes, it looks like it is the ie6 glitch

ie6 adds white space in li/ul when it exists in the code!!

so go into menu manager template, and just delete the spaces, so it is all one-line

i know that is a pain to work in.... but it will fix your spacing issues.

[Dr.CSS]

Have you tried?...


#menu ul{
text-transform: uppercase;
margin: 0px 0px 22px;
}