HTML+CSS+JavaScript

Вопрос решен. Для первого элемента прописал position:absolute и обнулил top им left. Для всего блока задал padding-top на высоту позиционированного элемента.

Снизу еще проще, никаких действий, окромя установки backgound-position top.

Но все это, при условии, что родителю назначается position: relative, чтобы absolute считался не от края браузера, а от края позиционированного элемента.

Всем спасибо!

Попробуйте задать длину и ширину принудительно.можно в процентах или для блока воспользуйтесь overflow:hidden;

дайте полный html+стили

не совсем понял как у ТС не работает, пример просто не слишком наглядный
, я вот о таких просветах говорил , не смог сократить код ,) скриптом создалось, и уже давно.
css был написан когда я только понял как обмануть ie6, но тогда и посыпались всякие ие7 и ие8 :)

возможно в вопросе спрашивается совсем другое

Не помогло, для всех li задал display:block и position:relative, для первого li задал line-height:inherit.

display:block для li и/или a
+position:relative
+line-height/ font-size для первого li/a

попробуйте по такой схеме

Нет, не пашет. Да и вообще я не понял смысл этого...

в ие7 точно так-же с этими просветами , приходилось делать что-то с стилями ul
, чтобы onmouseover не срабатывало при мышко-сёрфинге :)

подключай отдельным файлом

html>/**/body #id { property: value; }

http://www.webmakerslounge.com/browsers/ie/ie8-css-hacks/

Я вполне готов пойти на крайняк, только не знаю, о каких стилях идет речь, т.к идей нет((