встроенный блок ie7 на h2

Question

Я думаю, я очень скоро убью кого-нибудь в Microsoft:

Пожалуйста, кто-нибудь может помочь мне разобраться с этой ошибкой: http://www.yellostudio.co.uk/tm/selection.html#

Я бы хотел, чтобы на верхнем h2 отображался встроенный блок рядом со значками справки справа.

Проблема существует только в ie7, и это делает мой поток в ...

Любая помощь будет очень высоко ценится

Answer 1

Вероятно, не самый лучший способ, но почему бы не использовать класс вместо h2?

.h2class 
{
    /*styles here*/
position:relative;
top:0px;
left:100px; /*use px value that lines it up where you want*/
display:inline-block;/* since IE7 only allows this for naturally inline elements*/
}

<span class="h2class">My Selections</span>

Могу сработать ...

Answer 2

попробуйте

display: -moz-inline-stack; // for FF2
display: inline-block;
zoom: 1; // HASLAYOUT
*display: inline; // LTE IE7

Answer 3

Я бы сделал float: слева на этом H2 вместо display-inline и clear: оба в форме под ним. Или, если после H2 может быть другой контент, тогда очистите: обо всем, что будет сразу после ваших иконок:

#help-icons + * {
  clear: both;
}

Работает и в IE7.