IE7 текст толкается вниз

Question

Вот мой сайт: http://smartpeopletalkfast.co.uk/ppp/welcome.html

В Firefox и IE8 это нормально, но в IE7 изображение стрелки вниз справа от большого заголовка 'CHISTOPOL' находится ниже, чем должно быть. Похоже, что его толкают вниз на строку, как будто текст «CHISTOPOL» занимает 100% ширины.

Почему это происходит и как я могу это остановить?

Answer 1

Попробуйте удалить width:auto из #welcome-title-bottom a, посмотрите, поможет ли это.

Answer 2

Не знаю точно, в чем проблема, но это также происходит в IE6.

Вы можете применить следующий CSS

#welcome-title-bottom {
    position:relative;
}

А затем добавьте style="position:absolute;right:5px;" к якору "стрелки" и удалите class="right", который устраняет проблему в IE6.

Лично я стараюсь избегать использования CSS float, когда могу, из-за такого рода кросс-браузерных проблем.