CSS vertical menu spreads down in IE8

Hi,

Anyone could tell me why the CSS vertical menu I've implemented from here:

http://www.javascriptkit.com/script/script2/verticalmenu.shtml

in this web site:

http://www.prueba.aventurama.es/Campamentos/Entorno

Shows fine in Chrome and Firefox, but not in IE 8???

You should be able to see that, while in the two first browsers I've mentioned the menu sits nicely compacted at the top of the td, in IE it spreads down all the way, making a rather ugly effect.

To make it more confusing, it looks fine to me while debugging at the localhost server, even with IE 8, I only see the spread down when accesing the hosting ur.

Thanks!

B.

It looks fine to me in IE8, same as FF, maybe you should try clearing your cache just incase it's reloading some old CSS or something...

I've tried that, no effect, definitely I see a difference, so weird...

I can confirm it looks the same in my IE8 and FF 3.5.6 on a 1024x768 resolution Win XP

However I have noticed one error in your code which could be tripping an error:

See here:

<li class="selected"><li class="selected"><a href="/Campamentos/Entorno">Campamentos</a></li>


You have repeated the opening li twice, so remove one of them! Hopefully this might help.