Не могу привести блок к идентичному виду в IE, Firefox, Opera, Safari

[iSlayter]

Не могу привести блок к идентичному виду в IE, Firefox, Opera, Safari

Итак. На исходной странице дизайнером и верстальщиком в одном из блоков колонка с именем автора была предусмотрена с фиксированной шириной. Под обычное такое имя 7-9 символов. Но вот теперь понадобилось запихнуть туда имя любой длины. Увидел интересную реализацию на почте яндекса.

Рис.0 - пример на почте яндекса.
http://makarychev.ru/bullshit/0.yaMail.jpg

Рис.1 - страница до изменений.
http://makarychev.ru/bullshit/1.forexBefore.jpg

Решил сделать подобное.
Задача была сделать так, чтобы текст не переносился на новые строки, а так же чтобы лишние символы уходили в невидимую область. Казалось бы, решение простое!

.class {
white-space: nowrap;
overflow: hidden;
}

Но тут-то я и столкнулся с весёлостями IE. Оказывается, что white-space не применим как класс для ссылки (не будет работать для её текста).
Погуглил - нашёл ответ - засунуть текст ссылки в спан с таким стилем.
Итак. Сказано - сделано.

Рис.2 - ссылку засунул в спан с white-space: nowrap;
http://makarychev.ru/bullshit/3.2.forexAfter(IE.internal_span).jpg
а-я-я-й! вот зэ фак!
Отказываюсь от данной затеи. Добавляю fade (по примеру с яндекс.почты).

После ссылки на автора пишу:

{$p.firstName}</a><i class="fade"></i>{/if}

CSS:

i.fade{
background:transparent url(../images/fade-trans.png) no-repeat scroll 0%;
display:block; float:right;
font-style:normal;
height:1.4em;
margin-top:-1.2em;
overflow:hidden;
padding-left:16px;
position:relative
}

Рис.3 - смотрю в FireFox после внесённых изменений.
http://makarychev.ru/bullshit/2.forexAfter(FF).jpg
О ЧУДО! ЭТО ТО, ЧТО МНЕ НУЖНО!

... да потом смотрю:
Рис.4 - Opera
http://makarychev.ru/bullshit/4.forexAfter(Opera).jpg

Рис.5 - Safari
http://makarychev.ru/bullshit/5.forexAfter(Safari).jpg
Сама страница - http://forexaw.com/

УМОЛЯЮ, если у кого есть какие-либо советы как привести данный блок к идентичному виду в этих браузерах (на крайний случай про сафари забываем), поделитесь ими! ПОЖАЛУЙСТА!!!

 

[С.]

Жить надо проще и жизнь тогда будет веселей. HTML - формат рекомендуемого представления данных. Ты предполагаешь, браузер располагает.

 

[iSlayter]

ну хоть кто-нибудь :'(

 

[Армян]

Тебе уже подсказали - DOCTYPE