меню сьехало

[DrMartens]

сьехало меню на сайте:

как это исправить?

вот css код меню:

#leftmenu a{ float:left; display:block;padding:2px 10px; color:#FFFFFF; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;}
#leftmenu a:hover{ float:left; display:block; background-color:#efe7d5; padding:2px 10px; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;color: #885520;}
#leftmenu ul {position:relative; list-style-type:none;vertical-align:top; }

[vassa2107]

Дело где-то здесь: vertical-align:middle;height: 100%; Почему высота 100 процентов? Надо задать четкий размер в пикселях. А так оно работает непонтяно как и естественно выравнивается по центру непонятной высоты.

[DrMartens]

задал высоту 15 пикселей, но н помогло!

[Vlad]

Какой-то у вас кавардак со стилями. Насколько понял меню построено на тегах UL-LI, так для них по умолчанию отступы задаются. Используйте margin: 0 для #leftmenu ul.

[Sezy]

Держите =)

#leftmenu a{ float:left; display:block;padding:2px 10px; color:#FFFFFF; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;}
#leftmenu a:hover{ float:left; display:block; background-color:#efe7d5; padding:2px 10px; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;color: #885520;}
#leftmenu ul {position:relative; list-style-type:none;vertical-align:top;margin:0;padding:0; }