т.е. 7 не работает с встроенным блоком CSS или исправлениями

Я знаю, что этот вопрос уже задавали миллион раз, но ничто из того, что я пробовал, не решало проблему. Я работаю над красивой вещью типа . Я основываю его на общих раскрывающихся меню навигации CSS (используя вложенные

и

s, только с несколькими настройками. Одна из настроек заключается в том, что Мне нужно, чтобы он отображался встроенным (не перемещая его, потому что он проходит мимо любых других элементов в той же строке, что и он, и я не хочу перемещать все остальное вокруг него). У меня он хорошо работает в браузерах, кроме т. 7 (и, вероятно, что-нибудь ниже, но мне не нужно ничего ниже IE7). Вот код: http://jsfiddle.net/ralokz/hjDVS/2/

Если вы посмотрите на это в в любом браузере, отличном от IE7, он выглядит так, как я хочу:

Но если вы посмотрите на него в IE7, он выглядит следующим образом:

Один сайт, который я видел, очень часто требовал исправления встроенного блока это: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ . Это сработало для ie8, но, к сожалению, ie7 все еще выглядит неправильно .

Есть ли другой способ исправить inline-block для ie7? Или есть альтернатива CSS, чтобы гарантировать, что второй уровень

всегда выровнен по вертикали с первым уровнем

? Спасибо!