У меня возникают проблемы с корректной работой этого макета в IE. Проблема в том, что, когда у меня есть текст с небольшим количеством заглавных букв, подчеркнутый текст, изображение с вертикальным выравниванием, установленным на середину, разбивает подчеркивание. Строчные буквы имеют подчеркивание, сдвинутое вниз. Смотри картинку.
Это хорошо выглядит в Firefox, Chrome и Opera, но оно не работает во всех версиях IE, которые я пробовал, включая 8. Это также касается подчеркнутых ссылок. Вот код:
<html>
<head>
<title>Test</title>
<style type="text/css">
img { vertical-align: middle; }
span { text-decoration: underline; font-variant: small-caps; }
</style>
</head>
<body>
<img src="pic.png">
<span>Abc QWerty AbCdEfGhIjKlMnOpQrStUvWxYz1234567890</span>
</body>
</html>
Спасибо за любые предложения.