IE режут мои заголовки

Question

URL: http://carloshermoso.com/

IE сокращает заголовок на моем сайте. Только IE. Даже если вы измените размер шрифта. Какие-либо решения?

#header { font-weight:700; margin:0 auto; max-width:980px; padding:25px 0 25px 0; text-shadow:1px 1px 1px #000; width:80%; }

#mainContent h2 { -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); font-weight:700; padding:10px; text-transform:uppercase; zoom: 1; }

Answer 1

Я думаю, что это ошибка отображения IE11 (может быть, и IE10), связанная со свойством text-shadow, применяемым к этому тексту. Я также видел это, и я нашел по крайней мере одно упоминание об этом кем-то еще:

http://social.msdn.microsoft.com/Forums/ie/en-US/a37512ca-25bb-46a8-ab73-4536158ea9e6/text-shadow-css-code-causing-some-text-to-not-displaycutoff-in-internet-explorer-10?forum=iewebdevelopment